/* ==========================================================================
   TgSuperstars /zh/ (Simplified Chinese) on the EN v2 templates.
   Loaded ONLY on /zh/ pages (handle tgs-zh), after en-v2-chrome.css and en-v2.css. Every rule is scoped to
   body.lang-zh (body class printed on /zh/) or html:lang(zh-Hans) (the <html lang> of /zh/), so nothing here
   can reach an EN or RU page even if the file were loaded there.
   - fonts: Inter for Latin and digits, then the Simplified Chinese system fonts (no CJK web font: too heavy);
   - line-height of Han headings (the EN values 1.04-1.16 are tuned for Latin and clip CJK lines);
   - no uppercase or letter-spacing on labels (meaningless for Han, breaks the rhythm);
   - buttons with whitespace-nowrap may wrap on narrow phones (375 px) when the Chinese label is long.
   ========================================================================== */

body.lang-zh,
html:lang(zh-Hans) body {
  --tgs-zh-font: Inter, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  /* order screen tokens of en-v2.css (display/body text); the mono token stays for codes and addresses */
  --en-font-display: var(--tgs-zh-font);
  --en-font-body: var(--tgs-zh-font);
  font-family: var(--tgs-zh-font);
}

/* Blocks that set their own Latin stack (seo-landing.css, en-v2-chrome.css .support-fab).
   Icons (remixicon, !important in its own CSS) and the Pacifico logo keep their fonts. */
body.lang-zh .seo-landing-description,
body.lang-zh .seo-landing-pricing-v2,
body.lang-zh .seo-landing-steps-v2,
body.lang-zh .seo-landing-import-benefits-v2,
body.lang-zh .seo-landing-additional,
body.lang-zh .seo-landing-conclusion-v2,
body.lang-zh .seo-landing-bonus-compact,
body.lang-zh .seo-landing-info-v2,
body.lang-zh .seo-landing-faq,
body.lang-zh .support-fab,
html:lang(zh-Hans) body .seo-landing-description,
html:lang(zh-Hans) body .seo-landing-pricing-v2,
html:lang(zh-Hans) body .seo-landing-steps-v2,
html:lang(zh-Hans) body .seo-landing-import-benefits-v2,
html:lang(zh-Hans) body .seo-landing-additional,
html:lang(zh-Hans) body .seo-landing-conclusion-v2,
html:lang(zh-Hans) body .seo-landing-bonus-compact,
html:lang(zh-Hans) body .seo-landing-info-v2,
html:lang(zh-Hans) body .seo-landing-faq,
html:lang(zh-Hans) body .support-fab {
  font-family: var(--tgs-zh-font);
}

/* ---- Headings: CJK needs more leading than Latin ------------------------ */
body.lang-zh h1,
body.lang-zh .hero-section h1,
body.lang-zh .hero-section h1.tgs-h1--mid,
body.lang-zh .hero-section h1.tgs-h1--long,
body.lang-zh .en-hero__title,
html:lang(zh-Hans) body h1,
html:lang(zh-Hans) body .hero-section h1,
html:lang(zh-Hans) body .hero-section h1.tgs-h1--mid,
html:lang(zh-Hans) body .hero-section h1.tgs-h1--long,
html:lang(zh-Hans) body .en-hero__title {
  line-height: 1.25;
}

body.lang-zh h2,
body.lang-zh .seo-landing-section-head h2,
body.lang-zh .seo-landing-info-head h2,
body.lang-zh .seo-landing-conclusion-card h2,
body.lang-zh .seo-landing-payment-v2 h2,
body.lang-zh .seo-landing-why-v2 h2,
body.lang-zh .tgs-v2-prose h2,
html:lang(zh-Hans) body h2,
html:lang(zh-Hans) body .seo-landing-section-head h2,
html:lang(zh-Hans) body .seo-landing-info-head h2,
html:lang(zh-Hans) body .seo-landing-conclusion-card h2,
html:lang(zh-Hans) body .seo-landing-payment-v2 h2,
html:lang(zh-Hans) body .seo-landing-why-v2 h2,
html:lang(zh-Hans) body .tgs-v2-prose h2 {
  line-height: 1.3;
}

body.lang-zh h3,
body.lang-zh .tgs-plaque-title,
html:lang(zh-Hans) body h3,
html:lang(zh-Hans) body .tgs-plaque-title {
  line-height: 1.35;
}

/* Running text: a little more air for Han characters */
body.lang-zh .tgs-v2-prose p,
body.lang-zh .tgs-v2-prose li,
body.lang-zh .seo-landing-faq-content p,
html:lang(zh-Hans) body .tgs-v2-prose p,
html:lang(zh-Hans) body .tgs-v2-prose li,
html:lang(zh-Hans) body .seo-landing-faq-content p {
  line-height: 1.75;
}

/* Han text has no italics: emphasis as weight, not slant */
body.lang-zh .tgs-v2-prose em,
html:lang(zh-Hans) body .tgs-v2-prose em {
  font-style: normal;
  font-weight: 600;
}

/* ---- Labels: no uppercase, no letter-spacing ----------------------------- */
body.lang-zh .tgs-v2-prose .en-tscroll th,
body.lang-zh .en-co-kv__label,
body.lang-zh .seo-landing-info-badge,
body.lang-zh .tracking-wide,
body.lang-zh .uppercase,
html:lang(zh-Hans) body .tgs-v2-prose .en-tscroll th,
html:lang(zh-Hans) body .en-co-kv__label,
html:lang(zh-Hans) body .seo-landing-info-badge,
html:lang(zh-Hans) body .tracking-wide,
html:lang(zh-Hans) body .uppercase {
  letter-spacing: 0;
  text-transform: none;
}

/* ---- Narrow phones: long Chinese labels may wrap inside buttons ----------- */
@media (max-width: 480px) {
  body.lang-zh .whitespace-nowrap,
  html:lang(zh-Hans) body .whitespace-nowrap {
    white-space: normal;
  }
  body.lang-zh .seo-landing-gradient-button,
  body.lang-zh .seo-landing-gradient-outline-button,
  body.lang-zh [data-en-co-submit],
  html:lang(zh-Hans) body .seo-landing-gradient-button,
  html:lang(zh-Hans) body .seo-landing-gradient-outline-button,
  html:lang(zh-Hans) body [data-en-co-submit] {
    max-width: 100%;
    text-align: center;
    line-height: 1.35;
  }
  /* header: language links and "Buy" stay on one line each (short labels), the logo row may not overflow */
  body.lang-zh header .whitespace-nowrap,
  html:lang(zh-Hans) body header .whitespace-nowrap {
    white-space: nowrap;
  }
}
