/* =============================================================================
   header-ext.css — ヘッダーの英語特設サイトボタン（.lang-en「Experience Japan」）を色で目立たせる
   （2026-09-28 ご依頼）。全ページで utilities.css の次＝最後尾に読む（inc/assets.php 4-a）。

   - 濃い藍の塗り＋金の枠＋金文字（2026-09-28 白→金にご変更）。左の「オンライン予約」（金の塗り）とは色で役割を分ける。
   - **大きさは変えない**（ご指示）。字の大きさ・余白・字間は style.css / lp-base.css のまま。
     枠は幅 .5px のまま色だけ金にし、内側の影で線を太く見せる（外形の寸法が変わらない）。
   - クリーム地のヘッダー（le-day / dish-day / お料理詳細のクリーム HERO）は、各ページCSSが
     .lang-en の文字色を !important で黒にしている。塗りの上で読めなくなるので、ここで金に戻す。
   - 1080px 以下はもともとヘッダーに出さない（メニューを開いた中に出る）。
   ========================================================================== */

.header .lang-en {
  background: #1c2a44;
  border-color: var(--gold, #dfc07a);
  box-shadow: inset 0 0 0 .5px var(--gold, #dfc07a), 0 2px 10px rgba(0, 0, 0, .25);
}
.header .lang-en:hover,
.header .lang-en:focus-visible {
  background: var(--gold, #dfc07a);
  border-color: var(--gold, #dfc07a);
}

/* 文字色は、クリーム地ページの強い上書き（例: body.page-dish-detail:has(...) .header:not(.is-scrolled)
   .lang-en{color:#1f1b16 !important}）に勝たせる必要がある。:not(#_) で ID 1つ分の強さを足す */
.header .lang-en:not(#_) { color: var(--gold, #dfc07a) !important; }
.header .lang-en:not(#_):hover,
.header .lang-en:not(#_):focus-visible { color: #1c1a17 !important; }

/* 文字を大きく、ボタンの外寸はそのまま（2026-09-28 ご依頼）。
   外寸は元の実測値で固定し（1281px以上 117×36.4px／1280px以下 109×34.4px。トップ・下層とも同じ）、
   字間と左右の余白を詰めたぶんを文字に回す。元は 12px・字間 .06em/.04em・余白 6px 12px/5px 10px。 */
.header .lang-en {
  box-sizing: border-box;
  width: 117px;
  height: 36.4px;
  padding: 0;
  justify-content: center;
  font-size: 14px;
  letter-spacing: .02em;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .header .lang-en { width: 109px; height: 34.4px; font-size: 13px; letter-spacing: .01em; }
}