/* Noble Fir Partners — i18n
   Language toggle (all pages) + Simplified Chinese typography (zh/ pages).
   Loaded after styles.css and styles-pages.css. Not part of the design export. */

/* ===================== LANGUAGE TOGGLE (nav) ===================== */
.nav-lang {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-sans);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}
.nav-lang a {
  color: var(--accent-cream);
  padding: 4px 0;
  border-bottom: 1px solid transparent;
  transition: color .2s ease, border-color .2s ease;
}
.nav-lang a:hover,
.nav-lang a.is-active {
  color: var(--off-white);
  border-bottom-color: var(--accent-cream);
}
.nav-lang .sep { color: var(--accent-cream); opacity: .45; }

@media (max-width: 900px) {
  /* Stays in the collapsed bar between the wordmark and the burger,
     so the language can be switched without opening the menu. */
  .nav-lang { font-size: 11px; gap: 8px; }
}

/* ===================== SIMPLIFIED CHINESE ===================== */
/* Latin faces stay first so numerals, the wordmark and any English
   render exactly as on the EN site; CJK glyphs fall through to a
   matching-register serif (Songti / Noto Serif SC) or sans (PingFang /
   Noto Sans SC). Noto is loaded from Google Fonts on zh/ pages only. */
html[lang="zh-Hans"] {
  --font-serif: Georgia, "Times New Roman", "Songti SC", "Noto Serif SC", "Source Han Serif SC", SimSun, serif;
  --font-sans: Calibri, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;
}

/* CJK glyphs are full-width squares — drop the negative Latin tracking on display type. */
html[lang="zh-Hans"] h1,
html[lang="zh-Hans"] h2,
html[lang="zh-Hans"] h3,
html[lang="zh-Hans"] h4,
html[lang="zh-Hans"] .hero h1,
html[lang="zh-Hans"] .approach-title,
html[lang="zh-Hans"] .cta-block-title,
html[lang="zh-Hans"] .criteria-plate h3,
html[lang="zh-Hans"] .principles-plate h3,
html[lang="zh-Hans"] .nf-modal-title { letter-spacing: 0.01em; }

/* Wide uppercase tracking reads as spaced-out CJK — keep the effect, tighten slightly. */
html[lang="zh-Hans"] .nav-links a,
html[lang="zh-Hans"] .nav-cta,
html[lang="zh-Hans"] .eyebrow,
html[lang="zh-Hans"] .btn-primary,
html[lang="zh-Hans"] .btn-secondary,
html[lang="zh-Hans"] .footer h4,
html[lang="zh-Hans"] .footer-bottom,
html[lang="zh-Hans"] .nf-modal-eyebrow,
html[lang="zh-Hans"] .nf-sb-label,
html[lang="zh-Hans"] .nf-sb-submit,
html[lang="zh-Hans"] .nav.is-open .nav-links a,
html[lang="zh-Hans"] .nav.is-open .nav-cta::after { letter-spacing: 0.12em; }

/* styles.css injects the mobile open-menu CTA label via CSS content. */
html[lang="zh-Hans"] .nav.is-open .nav-cta::after { content: "联系我们"; }

/* CJK body copy wants a touch more leading. */
html[lang="zh-Hans"] body { line-height: 1.7; }
html[lang="zh-Hans"] .hero-sub,
html[lang="zh-Hans"] .section-lede,
html[lang="zh-Hans"] .approach-body p,
html[lang="zh-Hans"] .cta-col-body,
html[lang="zh-Hans"] .criteria-plate p,
html[lang="zh-Hans"] .principles-plate p,
html[lang="zh-Hans"] .bio p,
html[lang="zh-Hans"] .nf-modal-body { line-height: 1.85; }

/* ===================== CHINESE WORDMARK — 贵杉资本 ===================== */
/* The zh site carries the Guishan Capital lockup in the logo positions
   (nav + footer .wordmark, modal brand eyebrow). Bold Song-style serif,
   tracked ~0.32em to match the reference lockup's proportions. */
html[lang="zh-Hans"] .wordmark {
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.32em;
  line-height: 1;
  text-transform: none;
}
html[lang="zh-Hans"] .footer-brand .wordmark { font-size: 19px; }
html[lang="zh-Hans"] .nf-modal-eyebrow {
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3em;
  text-transform: none;
}