/* Island template: language dropdown in the landing page's nav (template-parts/island/languages.php).
   Builds on the landing page's own .ni-lang pill and palette variables, see landing/assets/noor-island.css. */
.ni-langs{position:relative}
.ni-langs__btn{display:flex;align-items:center;gap:.4em;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}
.ni-langs__btn::-webkit-details-marker{display:none}
.ni-langs__btn svg{width:.7em;height:.47em;flex:none;transition:transform .2s}
.ni-langs[open] .ni-langs__btn svg{transform:rotate(180deg)}
.ni-langs__menu{position:absolute;top:calc(100% + 22px);inset-inline-start:0;z-index:1;display:grid;gap:2px;min-width:10.5em;margin:0;padding:8px;list-style:none;background:var(--plaster);border:3px solid var(--gold);border-radius:18px;box-shadow:var(--shadow)}
.ni-langs__menu a{display:block;padding:.5em .9em;border-radius:12px;text-decoration:none;font-weight:700;line-height:1.4;white-space:nowrap;color:var(--lapis-d)}
[dir=rtl] .ni-langs__menu a{font-family:var(--ni-display)} /* the Arabic body font draws Latin names in a serif */
.ni-langs__menu a:hover{background:var(--sand)}
.ni-langs__menu a[aria-current]{background:var(--lapis-d);color:#fff} /* white on --turq is only 2.6:1 */
.ni-langs__btn:focus-visible,.ni-langs__menu a:focus-visible{outline:3px solid var(--lapis);outline-offset:2px}
/* The chevron makes the pill wider than the link it replaces; win that back where the nav row is tightest. */
@media(max-width:360px){.ni-langs__btn{padding-inline:.55em;gap:.3em}}