/**
 * ヘッダー・ナビゲーション補助 (Issue #153 PR7 で核爆弾を解体)
 *
 * かつてここにあったもの:
 * - ダークモードで全要素の背景を transparent !important にする包括規則（通称・核爆弾）
 * - 核爆弾から kk- コンポーネント等を守る TEMP 防御ブロック
 * - 旧ページ向けのレガシーダーク上書き（カード・フォーム・ページネーション等）
 *
 * 全8テンプレートのトークン化（PR2〜PR6）完了により、ダークは
 * global-design-system.css の :root 再マップだけで成立するため一括削除した。
 * 残っているのは「トークン化対象外の共通UI」のみ:
 * - デスクトップナビのダーク配色（ナビ自体は style.css がライトを定義）
 * - モバイルハンバーガーの表示制御とダーク配色
 */

/* ダークモード: ナビゲーション配色 */
@media (prefers-color-scheme: dark) {
    .main-navigation a {
        color: #B0E0E6;
    }

    .main-navigation a:hover {
        background-color: rgba(176, 224, 230, 0.15);
        color: #E0FFFF;
    }

    .main-navigation .current-menu-item a,
    .main-navigation .current_page_item a {
        color: #E0FFFF;
        background-color: rgba(176, 224, 230, 0.15);
    }
}

/* モバイルデバイス用の強制スタイル - header.phpから移動 */
.is-mobile-device .mobile-menu-toggle {
    display: block !important;
}

/* ダークモードでもハンバーガーメニューを表示 */
@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: block !important;
    }
}

/* ダークモード時のハンバーガーメニュースタイル */
@media (prefers-color-scheme: dark) {
    .mobile-menu-toggle {
        background: rgba(60, 70, 90, 0.95);
        border: 1px solid rgba(176, 224, 230, 0.4);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    }

    .mobile-menu-toggle span {
        background: #E0FFFF;
        height: 3px;
    }
}