/* i18n.css — Universal language toggle widget */
.i18n-picker{
  position:fixed; top:14px; right:18px; z-index:9999;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
/* Inline mode — sits inside the nav as the last item */
.i18n-picker.i18n-inline{
  position:relative; top:auto; right:auto;
  display:inline-flex; align-items:center;
  margin-left:8px; vertical-align:middle;
}
.i18n-picker.i18n-inline .i18n-btn{
  padding:5px 11px; font-size:12.5px;
  background:transparent; border-color:rgba(10,14,28,0.10);
  box-shadow:none;
}
.i18n-picker.i18n-inline .i18n-btn:hover{background:rgba(56,143,126,0.08)}
.i18n-picker.i18n-inline .i18n-menu{margin-top:6px}
.i18n-btn{
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,255,255,0.94); backdrop-filter:saturate(160%) blur(10px);
  border:1px solid rgba(10,14,28,0.12); border-radius:999px;
  padding:7px 13px; font-size:13px; font-weight:600;
  color:#1a2030; cursor:pointer;
  box-shadow:0 2px 10px rgba(10,14,28,0.10);
  transition:all .15s ease;
}
.i18n-btn:hover{background:#fff; border-color:#388f7e; color:#388f7e}
.i18n-picker.open .i18n-btn{
  background:#fff; border-color:#388f7e; color:#388f7e;
  box-shadow:0 3px 14px rgba(56,143,126,0.22);
}
.i18n-globe{font-size:14px}
.i18n-caret{font-size:9px; opacity:0.55; transition:transform .2s}
.i18n-picker.open .i18n-caret{transform:rotate(180deg)}

.i18n-menu{
  position:absolute; top:100%; right:0; margin-top:6px;
  min-width:200px; max-height:0;
  background:#fff;
  border:1px solid rgba(10,14,28,0.12); border-radius:10px;
  box-shadow:0 8px 28px rgba(10,14,28,0.18);
  padding:0; overflow:hidden;
  opacity:0; pointer-events:none;
  transition:max-height .22s ease, opacity .15s ease, padding .15s ease;
}
.i18n-picker.open .i18n-menu{
  max-height:560px; opacity:1; pointer-events:auto;
  padding:6px 0;
}
.i18n-menu-item{
  display:block; width:100%; text-align:left;
  background:transparent; border:0;
  padding:9px 16px; font-size:14px; line-height:1.3;
  font-family:inherit; color:#1a2030;
  cursor:pointer; transition:background .12s;
}
.i18n-menu-item:hover{background:rgba(56,143,126,0.08); color:#388f7e}
.i18n-menu-item.current{color:#388f7e; font-weight:600; background:rgba(56,143,126,0.04)}
.i18n-menu-item.current::before{content:"✓ "; margin-right:4px}
.i18n-menu-item[dir="rtl"]{text-align:right}

/* RTL: flip the picker to left side (floating mode only) */
html.i18n-rtl .i18n-picker:not(.i18n-inline){right:auto; left:18px}
html.i18n-rtl .i18n-picker:not(.i18n-inline) .i18n-menu{right:auto; left:0}
/* Inline RTL: menu opens left-aligned */
html.i18n-rtl .i18n-picker.i18n-inline .i18n-menu{right:auto; left:0}

/* RTL: text-align */
html.i18n-rtl body{text-align:right}
html.i18n-rtl .wrap, html.i18n-rtl .measure{direction:rtl}

/* Font swaps when non-Latin script active */
body.font-noto-sc{font-family:'Noto Sans SC', -apple-system, system-ui, sans-serif !important}
body.font-noto-deva{font-family:'Noto Sans Devanagari', -apple-system, system-ui, sans-serif !important}
body.font-noto-bengali{font-family:'Noto Sans Bengali', -apple-system, system-ui, sans-serif !important}
body.font-noto-naskh{font-family:'Noto Naskh Arabic', Georgia, serif !important}

/* Don't override the brand text */
body.font-noto-sc .site-brand .full,
body.font-noto-deva .site-brand .full,
body.font-noto-bengali .site-brand .full,
body.font-noto-naskh .site-brand .full{
  /* Brand name stays in original font */
}

/* Mobile: smaller picker */
@media(max-width:640px){
  .i18n-picker{top:10px; right:10px}
  html.i18n-rtl .i18n-picker{right:auto; left:10px}
  .i18n-btn{padding:6px 11px; font-size:12.5px}
  .i18n-menu{min-width:180px}
}