/*
Theme Name: GVP theme (child of lightning g3)
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/
/* 1. スイッチャーの li 要素全体 (メニュー項目) */
.custom-switcher-item {
    display: inline-block;
    padding: 0;

    /* 🔥 修正点 1: 左側に適切な間隔を設定 (例: 20px) */
    /* メニューの他の項目との間隔を確保します。数値を調整してください。 */
    margin-left: 20px;
    margin-right: 5px;
}

.global-nav-list li img {
    min-width: 25px !important;
}

/* 2. リンク要素 a.language-button (ボタン本体) */
.custom-switcher-item .language-button {
    display: block;
    white-space: nowrap;

    /* 🔥 修正点 2: 全ての状態で下線を無効化 */
    text-decoration: none !important;

    /* ボタンのサイズと形状 */
    padding: 8px 16px;
    border: 2px solid #0056b3;
    border-radius: 5px;
    margin-top: 3px;

    /* 文字のスタイル */
    line-height: 1.5;
    font-weight: bold;
    font-size: 14px;
    color: #0056b3;

    transition: all 0.2s ease-in-out;
}

/* 3. ホバー時 (マウスが乗った時) のスタイル */
.custom-switcher-item .language-button:hover {
    /* ホバー時も下線は出ません */
    background-color: #0056b3;
    color: #ffffff;
    cursor: pointer;
}

/* (参考) Lightningテーマ側のメニュー項目ホバー時も下線を無効化したい場合 */
/* Lightning側のCSSが原因で下線が出ている可能性も考慮し、以下を追加することも検討 */
/* .main-nav li a:hover {
    text-decoration: none !important;
} */

/* -------------------------------------------------------- */
/* モバイルナビゲーション (ハンバーガーメニュー内) の調整 */
/* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* モバイルナビゲーション (ハンバーガーメニュー内) の調整 */
/* -------------------------------------------------------- */

/* 1. モバイルメニュー内の li 要素 (カスタムスイッチャー) の調整 */
/* モバイルではフル幅にし、デスクトップの余計なマージンをリセット */
.main-nav .mobile-switcher,
.main-nav .menu-item.mobile-switcher {
    width: 100% !important;
    display: block !important;
    /* デスクトップで設定したマージンをリセット */
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* モバイルメニュー項目に合わせたパディングと区切り線 */
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

/* 2. モバイルメニュー内のリンク要素 (ボタン本体) の調整 */
.main-nav .mobile-switcher .language-button {
    text-align: center;
    /* リンクを中央寄せ */
    /* モバイルナビゲーションの左右の余白に合わせてパディングを設定 */
    padding: 10px 20px;
    width: auto;
    /* 幅を自動調整 */
    margin: 0 auto;
    /* 中央揃えを確実にする */

    /* ボタンの装飾を維持 */
    border: 2px solid #0056b3;
    border-radius: 5px;
}