/*
 * KKI Design System — Thai (TH) language polish
 *
 * Thai script has different typographic requirements than Latin:
 *   - No italic variants (Cormorant italic + Noto Serif Thai = ugly fallback)
 *   - Tight letter-spacing (-0.022em / -0.028em) breaks Thai word rhythm
 *   - Thai characters need slightly more vertical breathing (line-height)
 *   - Bold Thai is generally heavier — adjust weight scale down a notch
 *
 * Activation triggers (any of):
 *   - html[lang="th-TH"] / html[lang="th"]
 *   - body.kki-ml-lang-th
 *   - body.page-id-{4519, 4520, 4521, 4516, 4778, 4789, 4523, 4522}
 *     (the TH page IDs across the site)
 *
 * Loaded always-on; rules only fire when the activation triggers match.
 */

/* ── 1. Reset italic for Thai text — no italic glyphs exist ──────────── */
html[lang="th-TH"] .hero-title,
html[lang="th"] .hero-title,
body.kki-ml-lang-th .hero-title,
body.kki-ml-lang-th .hero-title span,
html[lang="th-TH"] [class*="kki-"] h2,
html[lang="th"] [class*="kki-"] h2,
body.kki-ml-lang-th [class*="kki-"] h2,
body.kki-ml-lang-th .kki-fn__text,
body.kki-ml-lang-th .kki-fn__quote,
body.kki-ml-lang-th .kki-pf-block__h,
body.kki-ml-lang-th .kki-pf-view__body,
body.kki-ml-lang-th .kki-cx__hero h1 {
    font-style: normal !important;
}

/* ── 2. Relax letter-spacing for Thai — tight tracking breaks Thai ──── */
body.kki-ml-lang-th .hero-title,
body.kki-ml-lang-th .hero-title span,
body.kki-ml-lang-th [class*="kki-"] h2,
body.kki-ml-lang-th .kki-fp__h,
body.kki-ml-lang-th .kki-st__h,
body.kki-ml-lang-th .kki-mb__h,
body.kki-ml-lang-th .kki-ri__h,
body.kki-ml-lang-th .kki-svc__h,
body.kki-ml-lang-th .kki-ir__h,
body.kki-ml-lang-th .kki-dev-slider__h,
body.kki-ml-lang-th .kki-pf-block__h,
body.kki-ml-lang-th .kki-m2-h2,
body.kki-ml-lang-th .kki-s2-h2,
body.kki-ml-lang-th .kki-a2-h2,
body.kki-ml-lang-th .kki-cx__hero h1,
body.kki-ml-lang-th #kki-cx-hero-h {
    letter-spacing: 0 !important;
}

body.kki-ml-lang-th .kki-fp__title,
body.kki-ml-lang-th .kki-ri__card-h,
body.kki-ml-lang-th .kki-svc-grid__name,
body.kki-ml-lang-th .kki-mb__stage-h,
body.kki-ml-lang-th .kki-pf-fact__v {
    letter-spacing: 0 !important;
}

/* ── 3. Thai line-height — slightly more breathing ───────────────────── */
body.kki-ml-lang-th .hero-title,
body.kki-ml-lang-th .hero-title span,
body.kki-ml-lang-th [class*="kki-"] h2,
body.kki-ml-lang-th .kki-fn__text,
body.kki-ml-lang-th .kki-fn__quote,
body.kki-ml-lang-th .kki-cx__hero h1 {
    line-height: 1.25 !important;
}

/* Body / paragraph line-height bump for Thai readability */
body.kki-ml-lang-th p,
body.kki-ml-lang-th .kki-fp__why,
body.kki-ml-lang-th .kki-pf-view__body,
body.kki-ml-lang-th .kki-ri__card-excerpt,
body.kki-ml-lang-th .kki-svc-grid__desc,
body.kki-ml-lang-th .kki-mb__lead,
body.kki-ml-lang-th .kki-svc__lede,
body.kki-ml-lang-th .kki-fp__sub,
body.kki-ml-lang-th .kki-pf-cta__body {
    line-height: 1.75 !important;
    word-break: keep-all;
}

/* ── 4. Thai eyebrow — looser tracking (Thai doesn't track tight) ───── */
body.kki-ml-lang-th .kki-fp__eyebrow,
body.kki-ml-lang-th .kki-st__eyebrow,
body.kki-ml-lang-th .kki-mb__eyebrow,
body.kki-ml-lang-th .kki-ri__eyebrow,
body.kki-ml-lang-th .kki-svc__eyebrow,
body.kki-ml-lang-th .kki-ir__eyebrow,
body.kki-ml-lang-th .kki-dev-slider__eyebrow,
body.kki-ml-lang-th .kki-pf-block__eyebrow,
body.kki-ml-lang-th .kki-cx__eyebrow {
    letter-spacing: 0.12em !important;
}

/* ── 5. Thai font stack — Noto Serif Thai for headings, IBM Plex Sans
 *      Thai for body. Falls through to Cormorant + Poppins only if Thai
 *      font fails to load. */
body.kki-ml-lang-th .hero-title,
body.kki-ml-lang-th .hero-title span,
body.kki-ml-lang-th [class*="kki-"] h2,
body.kki-ml-lang-th .kki-fn__text,
body.kki-ml-lang-th .kki-fn__quote,
body.kki-ml-lang-th .kki-fp__title,
body.kki-ml-lang-th .kki-ri__card-h,
body.kki-ml-lang-th .kki-svc-grid__name,
body.kki-ml-lang-th .kki-pf-block__h,
body.kki-ml-lang-th .kki-pf-fact__v,
body.kki-ml-lang-th .kki-cx__hero h1,
body.kki-ml-lang-th .kki-m2-h2,
body.kki-ml-lang-th .kki-s2-h2,
body.kki-ml-lang-th .kki-a2-h2 {
    font-family: "Noto Serif Thai", "Cormorant Garamond", Georgia, serif !important;
    font-weight: 600 !important;
}

body.kki-ml-lang-th p,
body.kki-ml-lang-th .kki-fp__sub,
body.kki-ml-lang-th .kki-st__sub,
body.kki-ml-lang-th .kki-mb__lead,
body.kki-ml-lang-th .kki-svc__lede,
body.kki-ml-lang-th .kki-fp__why,
body.kki-ml-lang-th .kki-pf-view__body,
body.kki-ml-lang-th .kki-ri__card-excerpt,
body.kki-ml-lang-th .kki-svc-grid__desc {
    font-family: "IBM Plex Sans Thai", "Poppins", Sarabun, system-ui, sans-serif !important;
}

/* ── 6. Thai stats numbers — keep Cormorant (numbers are Latin glyphs) */
body.kki-ml-lang-th .kki-st__num {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    letter-spacing: -0.04em !important;
    font-style: normal !important;
}

/* ── 7. Thai CTA pills — fonts + tracking ────────────────────────────── */
body.kki-ml-lang-th .kki-pf-cta__btn,
body.kki-ml-lang-th .kki-svc__cta-btn,
body.kki-ml-lang-th .kki-fp__more,
body.kki-ml-lang-th .kki-tr__cta-btn,
body.kki-ml-lang-th .kki-mb__link,
body.kki-ml-lang-th .kki-cx__btn,
body.kki-ml-lang-th .kki-ri__read,
body.kki-ml-lang-th .wp-block-button__link {
    font-family: "IBM Plex Sans Thai", "Poppins", Sarabun, system-ui, sans-serif !important;
    letter-spacing: 0.08em !important;
    text-transform: none !important;
    font-weight: 600 !important;
}

/* ── 8. Thai eyebrow text-transform — Thai has no case ─────────────── */
body.kki-ml-lang-th .kki-fp__eyebrow,
body.kki-ml-lang-th .kki-st__eyebrow,
body.kki-ml-lang-th .kki-mb__eyebrow,
body.kki-ml-lang-th .kki-ri__eyebrow,
body.kki-ml-lang-th .kki-svc__eyebrow,
body.kki-ml-lang-th .kki-ir__eyebrow,
body.kki-ml-lang-th .kki-dev-slider__eyebrow,
body.kki-ml-lang-th .kki-pf-block__eyebrow,
body.kki-ml-lang-th .kki-pf-fact__l,
body.kki-ml-lang-th .kki-cx__eyebrow,
body.kki-ml-lang-th .kki-mb__stage-h,
body.kki-ml-lang-th .kki-svc-grid__step {
    text-transform: none !important;
    font-weight: 600 !important;
}

/* ── 9. Thai Quick Facts label — no uppercase, proper line-break ────── */
body.kki-ml-lang-th .kki-pf-fact__l {
    letter-spacing: 0.08em !important;
}

/* ── 10. Thai mobile nav — IBM Plex Sans Thai ────────────────────────── */
body.kki-ml-lang-th #navbar a,
body.kki-ml-lang-th .flexnav a,
body.kki-ml-lang-th .kki-ml-mobile-menu a {
    font-family: "IBM Plex Sans Thai", "Poppins", Sarabun, system-ui, sans-serif !important;
    letter-spacing: 0.04em !important;
}

/* ── 11. Roman numerals (I, II, III) on Thai pages — keep Latin ─────── */
body.kki-ml-lang-th .kki-mb__num,
body.kki-ml-lang-th .kki-tr__num {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-style: italic !important;
    letter-spacing: 0 !important;
}