/* 大枝 DAZHI ｜ 繁體中文 / English 雙語切換
   品牌標準字與裝飾性單字不翻譯，僅調整資訊性文案的字體與字距。 */

.lang-switch {
  display: inline-flex; align-items: center; gap: 10px;
  flex-shrink: 0; order: 3;
}
.lang-switch button {
  appearance: none; border: 0; background: transparent; cursor: pointer;
  font-family: var(--latin); font-size: 11px; font-weight: 300;
  letter-spacing: 2px; line-height: 1; color: var(--muted);
  padding: 6px 2px; border-bottom: 1px solid transparent;
  transition: color .25s var(--ease), border-color .25s var(--ease);
}
.lang-switch button:hover { color: var(--ink); }
.lang-switch button[aria-pressed="true"] { color: var(--moss); border-bottom-color: var(--gold); }
.lang-switch button:focus-visible { outline: 2px solid var(--moss); outline-offset: 4px; }
.lang-switch .sep { width: 1px; height: 11px; background: var(--line-2); }

@media (max-width: 900px) {
  .lang-switch { order: 2; margin-left: auto; }
  .nav-toggle { order: 3; }
}

/* ---------- 英文態：資訊性文案改用襯線拉丁字體、收緊字距 ---------- */
html[data-lang="en"] .lead,
html[data-lang="en"] .desc,
html[data-lang="en"] .taste-row .v,
html[data-lang="en"] .mc-taste,
html[data-lang="en"] .mc-kv .v,
html[data-lang="en"] .tl-body p,
html[data-lang="en"] .route-card p,
html[data-lang="en"] .entry p,
html[data-lang="en"] .letter .text,
html[data-lang="en"] .value-item .d,
html[data-lang="en"] .letter-note,
html[data-lang="en"] .source-note,
html[data-lang="en"] .footer-note,
html[data-lang="en"] .aging-cell p,
html[data-lang="en"] .space-card .desc,
html[data-lang="en"] .about-split .lead,
html[data-lang="en"] .spec-grid div,
html[data-lang="en"] .data-table td,
html[data-lang="en"] .order-table td,
html[data-lang="en"] .order-table th,
html[data-lang="en"] .j-axis-note p,
html[data-lang="en"] .tl-fig figcaption,
html[data-lang="en"] .route-card figcaption {
  font-family: var(--latin);
  letter-spacing: .15px;
}

html[data-lang="en"] .section-title,
html[data-lang="en"] .j-hero .j-sub,
html[data-lang="en"] .split .split-copy h2,
html[data-lang="en"] .submit-band h2,
html[data-lang="en"] .route-card h3,
html[data-lang="en"] .tl-body h3,
html[data-lang="en"] .mountain-card h3,
html[data-lang="en"] .entry h3,
html[data-lang="en"] .j-axis-note h2,
html[data-lang="en"] .dark-section .display,
html[data-lang="en"] .j-cross .display,
html[data-lang="en"] .page-hero .sub,
html[data-lang="en"] .topic-copy h2,
html[data-lang="en"] .value-item .t {
  font-family: var(--latin);
  letter-spacing: 1px;
}

/* 卷首兩字標準字換成英文詞組後，收緊字距避免過度佔寬 */
html[data-lang="en"] .j-hero .j-title {
  font-family: var(--latin);
  font-size: clamp(38px, 4.2vw, 58px);
  letter-spacing: 2px;
  line-height: 1.15;
}

/* 時期標籤英譯後變長，桌面放寬左欄避免碎成多行 */
@media (min-width: 901px) {
  html[data-lang="en"] .tl-item { grid-template-columns: 156px minmax(0, 1fr) 208px; }
  html[data-lang="en"] .tl-item.is-text { grid-template-columns: 156px minmax(0, 1fr); }
}
@media (min-width: 901px) and (max-width: 1200px) {
  html[data-lang="en"] .tl-item { grid-template-columns: 136px minmax(0, 1fr) 176px; }
  html[data-lang="en"] .tl-item.is-text { grid-template-columns: 136px minmax(0, 1fr); }
}
html[data-lang="en"] .tl-when .tl-era {
  font-family: var(--latin); font-size: 11px;
  letter-spacing: .5px; line-height: 18px;
}

/* 中文兩字的大標題換成英文單詞後會變長，英文態需可換行並縮小字級 */
html[data-lang="en"] .page-hero .big-glyph {
  font-family: var(--latin);
  font-size: clamp(28px, 4.4vw, 44px) !important;
  letter-spacing: 2px !important;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: break-word;
}

html[data-lang="en"] .eyebrow { font-family: var(--latin); letter-spacing: 1.5px; }
html[data-lang="en"] .site-nav { gap: 28px; }
html[data-lang="en"] .site-nav a { font-family: var(--latin); letter-spacing: 1px; font-size: 12px; }
html[data-lang="en"] .link-arrow { font-family: var(--latin); letter-spacing: 1px; }

/* 中英標籤長度不同，放寬標籤列避免折行 */
html[data-lang="en"] .taste-row { grid-template-columns: 132px minmax(0, 1fr); }
html[data-lang="en"] .mc-kv { grid-template-columns: 120px minmax(0, 1fr); }
html[data-lang="en"] .taste-row .k,
html[data-lang="en"] .mc-kv .k { font-family: var(--latin); letter-spacing: 1px; }
html[data-lang="en"] .fig figcaption .tag { font-family: var(--latin); letter-spacing: 1px; }

/* 窄屏參數表改卡片式後，CSS 生成的欄名也要跟著換語言 */
html[data-lang="en"] .data-table td:nth-child(2)::before { content: "Water"; }
html[data-lang="en"] .data-table td:nth-child(3)::before { content: "Leaf"; }
html[data-lang="en"] .data-table td:nth-child(4)::before { content: "Infusion"; }
html[data-lang="en"] .data-table td:nth-child(5)::before { content: "Vessel"; }

@media (max-width: 600px) {
  html[data-lang="en"] .taste-row { grid-template-columns: 112px minmax(0, 1fr); }
  html[data-lang="en"] .mc-kv { grid-template-columns: 100px minmax(0, 1fr); }
  html[data-lang="en"] .data-table td { grid-template-columns: 88px minmax(0, 1fr); }
  html[data-lang="en"] .site-nav a { font-family: var(--latin); letter-spacing: 1px; }
}