/* ============================================================
   IHA i18n layer — language switcher + per-script font mapping
   Loaded on every page (English + translated). v=1
   Re-points the existing --ff-* variables so the whole V2
   stylesheet renders in the correct script with no other edits.
   ============================================================ */

/* ---- Per-language font remapping (style.css uses these vars everywhere) ---- */
html[lang="hi"], html[lang="mr"]{
  --ff-display:"Noto Serif Devanagari","Fraunces",Georgia,serif;
  --ff-body:"Noto Sans Devanagari","Source Sans 3",Arial,sans-serif;
  --ff-hi-display:"Noto Serif Devanagari",serif;
  --ff-hi-body:"Noto Sans Devanagari",sans-serif;
}
html[lang="bn"]{
  --ff-display:"Noto Serif Bengali",Georgia,serif;
  --ff-body:"Noto Sans Bengali",Arial,sans-serif;
  --ff-hi-display:"Noto Serif Bengali",serif;
  --ff-hi-body:"Noto Sans Bengali",sans-serif;
}
html[lang="te"]{
  --ff-display:"Noto Serif Telugu",Georgia,serif;
  --ff-body:"Noto Sans Telugu",Arial,sans-serif;
  --ff-hi-display:"Noto Serif Telugu",serif;
  --ff-hi-body:"Noto Sans Telugu",sans-serif;
}
html[lang="ta"]{
  --ff-display:"Noto Serif Tamil",Georgia,serif;
  --ff-body:"Noto Sans Tamil",Arial,sans-serif;
  --ff-hi-display:"Noto Serif Tamil",serif;
  --ff-hi-body:"Noto Sans Tamil",sans-serif;
}
html[lang="gu"]{
  --ff-display:"Noto Serif Gujarati",Georgia,serif;
  --ff-body:"Noto Sans Gujarati",Arial,sans-serif;
  --ff-hi-display:"Noto Serif Gujarati",serif;
  --ff-hi-body:"Noto Sans Gujarati",sans-serif;
}
/* Non-Latin scripts run a touch larger for legibility parity with Latin */
html[lang="bn"] body,html[lang="te"] body,html[lang="ta"] body,html[lang="gu"] body{
  font-size:17px;
}

/* ---- Language switcher (lives in the primary nav) ---- */
.nav-lang{position:relative;display:flex;align-items:center}
.lang-switch{position:relative}
.lang-switch>summary{
  list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  font-family:var(--ff-body);font-weight:600;font-size:15px;color:var(--green-900);
  padding:7px 12px;border:1px solid var(--green-200,#cfe0d4);border-radius:999px;
  background:#fff;white-space:nowrap;
}
.lang-switch>summary::-webkit-details-marker{display:none}
.lang-switch>summary svg{flex:0 0 auto}
.lang-menu{
  position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:170px;
  background:#fff;border:1px solid var(--green-200,#cfe0d4);border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);padding:6px;margin:0;list-style:none;
}
.lang-menu li{margin:0}
.lang-menu a{
  display:block;padding:9px 12px;border-radius:8px;text-decoration:none;
  font-size:15px;color:var(--ink,#222);font-family:var(--ff-body);
}
.lang-menu a:hover,.lang-menu a:focus{background:var(--green-100,#eef4ef)}
.lang-menu a[aria-current="true"]{font-weight:700;color:var(--green-900);background:var(--green-100,#eef4ef)}
.lang-menu a .native{font-weight:600}
.lang-menu a .latin{color:#6b7c70;font-size:12.5px;margin-left:6px}

/* Mobile: show switcher inside the open menu, full width */
@media (max-width:860px){
  .lang-switch>summary{width:100%;justify-content:space-between}
  .lang-menu{position:static;box-shadow:none;border:none;padding:4px 0;min-width:0}
}