/* 広島っ子 多言語（日本語/EN/中文/한국어）切替UI
   ヘッダーに差し込まれる .lang-switch のスタイル。黒×金の店舗トーンに合わせた小さめピルボタン。 */
.lang-switch{display:flex;gap:4px;align-items:center;position:relative}
.lang-trigger{display:none}
.lang-menu{display:flex;gap:4px;align-items:center}
.lang-menu button{
  font-family:'Noto Sans JP',sans-serif;font-size:11px;letter-spacing:.02em;
  color:#e6ddcf;background:rgba(255,255,255,.06);
  border:1px solid rgba(235,170,33,.4);border-radius:20px;
  padding:5px 11px;cursor:pointer;transition:background .2s,border-color .2s,color .2s;line-height:1.3;
}
.lang-menu button:hover{border-color:var(--ck-gold);color:#fff}
.lang-menu button.on{background:var(--ck-gold);border-color:var(--ck-gold);color:#1a1207;font-weight:700}

/* SP：ロゴ＋予約/電話＋言語＋ハンバーガーを375px幅の1行に収めるため、
   4言語ボタンの並びを「トリガー1個＋開閉式ドロップダウン」に圧縮する。 */
@media (max-width:1023px){
  .lang-switch{gap:0}
  .lang-trigger{
    display:flex;align-items:center;gap:5px;flex:0 0 auto;
    height:44px;padding:0 10px;
    background:rgba(255,255,255,.06);border:1px solid rgba(235,170,33,.4);border-radius:20px;
    color:#e6ddcf;font-family:'Noto Sans JP',sans-serif;font-size:11px;font-weight:700;letter-spacing:.02em;
    cursor:pointer;
  }
  .lang-trigger .ic-globe{width:14px;height:14px;fill:var(--ck-gold);flex:0 0 auto}
  .lang-trigger[aria-expanded="true"]{border-color:var(--ck-gold);color:#fff}
  .lang-menu{
    position:absolute;top:calc(100% + 10px);right:0;
    flex-direction:column;align-items:stretch;gap:6px;
    background:#0b0908;border:1px solid rgba(235,170,33,.35);border-radius:10px;
    padding:10px;min-width:132px;
    box-shadow:0 14px 30px rgba(0,0,0,.5);
    opacity:0;pointer-events:none;transform:translateY(-8px);
    transition:opacity .2s ease,transform .2s ease;
    z-index:260;
  }
  .lang-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}
  .lang-menu button{width:100%;text-align:center;padding:14px 10px;font-size:12.5px}
}

/* 長文になりがちな英語・中国語・韓国語表示時のレイアウト保険（横溢れ防止） */
html[data-lang]:not([data-lang="ja"]) .gnav a{letter-spacing:0}
.dl-shop-info-safe,dl.shop-info dd,.price-list li span,.pei dl dd,.station li{overflow-wrap:anywhere}
.price-list li{gap:10px}
.price-list li span:first-child{overflow-wrap:anywhere;word-break:break-word}

/* 装飾英語ラベル（title-band の en）：中文・韓国語では現地語に差し替わるため
   フォントレタースペースを言語ごとに微調整 */
html[data-lang="zh"] .title-band .en,html[data-lang="ko"] .title-band .en{letter-spacing:.08em}