/* Language switcher and Hindi typography (adapted from the first-kitchen pilot). build-locales.mjs copies this
   file to dist/assets/languages.css and links it after style.css on every page in both languages. System fonts
   only. The switcher sits in the dark trunk-blue header: white on #24546b is 8.2:1; the current language is
   trunk blue on white (8.2:1). */
:root { --hindi: "Nirmala UI", "Noto Sans Devanagari", "Mangal", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.language-row { display: flex; justify-content: flex-end; padding-bottom: 8px; }
.language-nav { display: flex; flex-wrap: wrap; gap: 8px; }
.language-nav a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 999px; color: #fff; text-decoration: none; font-weight: 600; font-size: .95rem; }
.language-nav a:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.language-nav a[aria-current="page"] { background: #fff; border-color: #fff; color: var(--trunk); }
.language-nav a:lang(hi) { font-family: var(--hindi); }
html:lang(hi) body,
html:lang(hi) h1, html:lang(hi) h2, html:lang(hi) h3,
html:lang(hi) .btn, html:lang(hi) .jump-h, html:lang(hi) .product h3,
html:lang(hi) .budget legend { font-family: var(--hindi); }
html:lang(hi) body { line-height: 1.75; }
html:lang(hi) .btn { line-height: 1.4; }
html:lang(hi) h1, html:lang(hi) h2, html:lang(hi) h3 { line-height: 1.45; }
html:lang(hi) .cl-tag { letter-spacing: 0; }
html:lang(hi) .brand-name { font-family: var(--font-head); }
@media print { .language-row { display: none !important; } }