/* SV Botanica — Vietnamese locale overrides.
   Load AFTER the page's main stylesheet on every /vi/ page:
   <link rel="stylesheet" href="/css/vietnamese.css">

   FONTS (resolved 2026-08-30)
   Jost has NO Vietnamese subset on Google Fonts — only latin and latin-ext,
   which stop short of U+1EA0-1EF1 where most Vietnamese precomposed vowels
   live. A character outside every declared unicode-range falls to the next
   family in the stack, so keeping Jost here would render accented letters in
   a different typeface from the letters beside them, mid-word.
   So /vi/ body text uses **Be Vietnam Pro** (self-hosted, latin + latin-ext +
   vietnamese subsets in /fonts/): designed for Vietnamese tone-mark placement
   and geometrically close enough to Jost to keep the brand rhythm. Headings
   keep **Playfair Display**, which does have a vietnamese subset.
   Both families now cover the full page, so nothing falls back mid-word.
*/

/* `html body` keeps these ahead of the page-level inline <style> blocks, which
   use bare element selectors and would otherwise win on document order. */
html body{font-family:'Be Vietnam Pro','Jost',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{
  font-family:'Playfair Display',Georgia,'Times New Roman',serif;line-height:1.45}
.nav-logo-name,.b-name{font-family:'Playfair Display',Georgia,'Times New Roman',serif}
.nav-search input,.mob-search input{font-family:'Be Vietnam Pro','Jost',system-ui,-apple-system,sans-serif}

/* The "(EN)" marker on links to untranslated pages pushes nav items onto a
   second line; Vietnamese labels are already wider than the English originals
   ("Yêu cầu báo giá" vs "Get a Quote"). */
.nav-links>a,.nav-cta,.mob-cta{white-space:nowrap}

/* Vietnamese stacks tone marks above vowels that already carry a diacritic
   (ế, ộ, ữ) — give lines room so the marks are not clipped by the line above */
p,li,td{line-height:1.85}

/* Tracking tuned for Latin smallcaps crowds the diacritics — neutralise it */
.nav-links a,.mobile-menu a,.nav-cta,.mob-cta,
.hero-eyebrow,.badge,.btn-primary,.btn-secondary,.cta-btn,
.grade-tag,.cert-badge,.article-cat-tag,.related-card-tag,.related-card a,
.footer-col h3{letter-spacing:normal}
.spec-table th,.grades-table th,.specs-table th{letter-spacing:0.5px}

/* Uppercase transforms drop or crowd tone marks in some fallback faces and
   make Vietnamese noticeably harder to read — keep these labels sentence-case */
.hero-eyebrow,.grade-tag,.cert-badge{text-transform:none}

/* skip-to-content link (2026-09-05) */
.skip-link{position:absolute;left:-9999px;top:0;z-index:5000;background:#3D4A1E;color:#F0EDD5;padding:.6rem 1rem;font-size:14px;border-radius:0 0 6px 0;text-decoration:none}.skip-link:focus{left:0;outline:2px solid #CFB055}

/* consent bar (2026-09-05) */
#svb-cc[hidden]{display:none!important}#svb-cc{position:fixed;left:0;right:0;bottom:0;z-index:4000;background:#3D4A1E;color:#F0EDD5;font-family:'Jost','Be Vietnam Pro','Noto Sans Thai',sans-serif;font-size:13.5px;line-height:1.5;padding:12px 20px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;box-shadow:0 -6px 24px rgba(0,0,0,.25)}#svb-cc p{margin:0;max-width:640px}#svb-cc a{color:#CFB055;text-decoration:underline}#svb-cc div{display:flex;gap:8px}#svb-cc button{font:inherit;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:8px 14px}#svb-cc-no{background:transparent;color:#F0EDD5;border:1px solid rgba(240,237,213,.6)}#svb-cc-yes{background:#CFB055;color:#3D4A1E;border:1px solid #CFB055;font-weight:600}@media(max-width:600px){#svb-cc{font-size:12.5px;padding:10px 14px}}
