/* ==========================================================================
   言語選択カード（EN / JP）：トップページのヒーロー（未スクロール）の形・文字に、全ページ・全状態（スクロール後を含む）で統一
   --------------------------------------------------------------------------
   ・統一するのは「サイズ」「フォント」「フォントサイズ」「太さ」「大文字」「文字間の微調整」「中央揃え」だけ
   ・配色（文字色・背景・枠線の色）、ホバー・選択中の色の変化、色のトランジション（モーション）、枠線の太さ、位置は、各ページの既存スタイルのまま
   ・値は css/hero-tone.css（トップのヒーロー）の言語選択カードと同じ。ヒーロー側はそのまま残してあるので、このファイルを外しても
     トップのヒーローの見た目は変わらない（外すと、スクロール後と他ページのカードが従来の見た目 Caveat・小文字・伸縮サイズ に戻る）
   ・ページごとの既存スタイル（body.is-service-archive 等・!important 付き）より優先させるため、クラスを重ねて詳細度を上げている
   ========================================================================== */

/* サイズ：43.5 × 39.7px に固定（元の Caveat 18px のときの大きさ）。文字は縦横中央 */
.bogo-language-switcher.bogo-language-switcher.bogo-language-switcher li {
    box-sizing: border-box !important;
    width: 43.5px !important;
    min-width: 43.5px !important;
    max-width: 43.5px !important;
    height: 39.7px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* フォント・サイズ・太さ・大文字・中央揃え（ヘッダーメニューと同じ書体） */
.bogo-language-switcher.bogo-language-switcher.bogo-language-switcher a,
.bogo-language-switcher.bogo-language-switcher.bogo-language-switcher .bogo-language-name {
    font-family: "Bricolage Grotesque", serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 0 !important;
}

/* 「EN」を少し小さく（11px）・字間 0.3px。字間は最後の文字の後ろにも付いて中央からずれるので、同じ量だけ右の余白を引いて打ち消す */
.bogo-language-switcher.bogo-language-switcher.bogo-language-switcher li a:not(.lang-jp),
.bogo-language-switcher.bogo-language-switcher.bogo-language-switcher li .bogo-language-name:not(:has(a)):not(.lang-jp) {
    font-size: 11px !important;
    letter-spacing: 0.3px !important;
    margin-right: -0.3px;
}

/* 「JP」は字間 1.1px（EN と同じ大きさに見せる）。既存の上へ1.3pxのずらし（小文字用）は大文字では不要なので外す */
.bogo-language-switcher.bogo-language-switcher.bogo-language-switcher a.lang-jp,
.bogo-language-switcher.bogo-language-switcher.bogo-language-switcher .bogo-language-name.lang-jp {
    letter-spacing: 1.1px !important;
    margin-right: -1.1px;
}

.bogo-language-switcher.bogo-language-switcher.bogo-language-switcher a.lang-jp {
    transform: none !important;
}