/* ======================================================= */
/* 【削除・再定義】企業理念セクションのテキストが透明になる問題を強制修正 (v10.0のコードを維持) */
/* (元のコードにあった強制的な text-white への上書きは削除し、代わりに導入事例セクションの文字色を強制的に濃くする修正のみを維持します) */
/* ======================================================= */

/* 導入事例セクションの文字色を強制的に濃い色に修正 (背景色 bg-dark-blue に対応) */
.bg-dark-blue *,
.bg-dark-blue a {
    /* text-dark や text-gray-700 と同等の濃い色 (#333333) を強制適用 */
    color: #333333 !important; 
    --tw-text-opacity: 1 !important;
    opacity: 1 !important;
}

/* ======================================================= */
/* 【既存コード】Tailwind の影響を上書きするための基本カラー定義 (ここから下は変更なし) */
/* ======================================================= */
.primary-color {
    color: #5F814D !important; /* 文字色 */
}

.bg-primary {
    background-color: #A9C29D !important; /* 背景色 */
}

/* ナビゲーションリンクの色を強制的にカスタムカラーに設定 */
.main-nav a {
    color: #333333 !important; /* 標準的な濃い色 (text-gray-700より濃い色で安定) */
    font-size: 0.875rem !important; /* text-sm に対応 */
}

/* ホバー時の色と、既存の hover:text-primary クラスの動作を保証 */
.main-nav a:hover,
.hover\:text-primary:hover {
    color: #5F814D !important;
}

/* ======================================================= */
/* 【新規追加】レイアウト・カラー不具合修正 (ヘッダーボタン修正のみ維持) */
/* ======================================================= */

/* 1. ヘッダーボタンのカラー修正 (白くなる問題の解消) */
.bg-accent {
    background-color: #5F814D !important; /* 原則として primary-color と同じ緑色 */
    color: #ffffff !important;
}

.hover\:bg-green-700:hover {
    background-color: #4C683F !important; /* 少し濃い緑色を定義 (hover効果) */
}

/* 2. ヘッダー重なり問題の修正は一旦削除/保留します */
/* (元のHTMLに戻すため、このCSSは機能しない可能性が高いため) */
@media (min-width: 768px) and (max-width: 1023px) {
    /* ロゴテキスト span タグ */
    .text-primary-dark {
        display: none !important; /* テキストを強制非表示 */
    }
    /* ロゴ全体の高さを固定する（アイコンの高さ h-10/40pxを目安に） */
    header .container .items-center {
        height: 64px !important; /* py-3 (12px*2) + h-10/40px = 64px 程度に固定 */
        /* overflow: hidden; */ /* はみ出た要素を隠す */
    }
}

/* ======================================================= */
/* 【新規追加】レイアウト修正: PCでのヒーローセクションの高さ調整 */
/* index.phpから削除したインラインCSSをこちらに移行し、404エラーの発生源を解消します。 */
/* ======================================================= */

/* PCサイズ (lg: 1024px以上) のヒーローセクションの高さ調整 */
@media (min-width: 1024px) {
    .hero-section {
        /* calc(100vh - ヘッダーの高さ96px) */
        min-height: calc(100vh - 96px) !important; 
    }
}