/* Language switcher (both languages) and Hindi typography. build-locales.mjs copies this file to
   dist/css/languages.css and links it after site.css on every page. System fonts only; it reuses the
   colour tokens of site.css. */
: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; justify-content: center; min-height: 44px; min-width: 44px; padding: 0 14px;
  border: 2px solid var(--line); border-radius: 999px; background: var(--card); color: var(--neem-dark);
  font-weight: 600; font-size: 0.95rem; text-decoration: none;
}
.language-nav a:hover { background: var(--neem-tint); color: var(--neem-dark); }
.language-nav a[aria-current="page"] { background: var(--neem); border-color: var(--neem); color: #fff; }
.language-nav a:lang(hi) { font-family: var(--hindi); }

/* Hindi pages: Devanagari system fonts and more line height. The brand name stays in the Latin serif. */
html:lang(hi) { --sans: var(--hindi); --serif: var(--hindi); }
html:lang(hi) body { line-height: 1.75; }
html:lang(hi) h1, html:lang(hi) h2, html:lang(hi) h3, html:lang(hi) h4, html:lang(hi) legend { line-height: 1.45; letter-spacing: 0; }
html:lang(hi) .brand-name { font-family: Georgia, "Noto Serif", "Times New Roman", serif; }
html:lang(hi) svg text { font-family: var(--hindi); }
/* Letter-spacing pulls Devanagari letters apart and breaks the headline; site.css spaces these small labels. */
html:lang(hi) .pill, html:lang(hi) .product-cat, html:lang(hi) .shop-tag, html:lang(hi) .card-preview h3 { letter-spacing: 0; }

@media print { .language-row { display: none !important; } }