/* Learn AI — instant language switcher (floating globe, lower-right).
   Pairs with /assets/i18n.js. Dark/light aware via theme tokens with fallbacks. */
.i18n-fab{position:fixed;right:16px;bottom:18px;z-index:130;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(120,170,255,.28);background:rgba(10,15,28,.86);color:#eaf2ff;
  display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);
  box-shadow:0 6px 24px rgba(0,0,0,.4);transition:transform .16s,box-shadow .16s;padding:0}
.i18n-fab:hover{transform:scale(1.08);box-shadow:0 8px 30px rgba(34,211,238,.25)}
.i18n-fab svg{width:22px;height:22px;display:block}
.i18n-fab .lc{position:absolute;bottom:-3px;right:-3px;font:700 8.5px/1 ui-monospace,Consolas,monospace;
  background:#22d3ee;color:#04060d;border-radius:6px;padding:2px 3px;letter-spacing:.3px;text-transform:uppercase}
html[data-theme="light"] .i18n-fab{background:rgba(255,255,255,.92);color:#0e1b2c;border-color:#d3ddec;
  box-shadow:0 6px 20px rgba(14,27,44,.16)}
@media(max-width:720px){ .i18n-fab.has-sticky{bottom:88px} }

/* menu */
.i18n-menu{position:fixed;right:16px;bottom:74px;z-index:131;width:220px;max-height:60vh;overflow:auto;
  background:rgba(10,15,28,.96);border:1px solid rgba(120,170,255,.22);border-radius:14px;padding:8px;
  backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.5);display:none}
.i18n-menu.open{display:block}
html[data-theme="light"] .i18n-menu{background:rgba(255,255,255,.98);border-color:#d3ddec;box-shadow:0 20px 50px rgba(14,27,44,.16)}
.i18n-menu .hd{font:700 10px/1 ui-monospace,Consolas,monospace;letter-spacing:1.5px;text-transform:uppercase;
  color:#8298b6;padding:6px 10px 8px}
.i18n-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;
  background:none;border:0;color:inherit;font-size:13.5px;font-weight:600;padding:9px 10px;border-radius:9px;cursor:pointer}
.i18n-menu button:hover{background:rgba(120,170,255,.1)}
.i18n-menu button.on{background:rgba(34,211,238,.14);color:#3ad2ee}
.i18n-menu button .en{font-size:11px;color:#8298b6;font-weight:500}
html[data-theme="light"] .i18n-menu button{color:#0e1b2c}
html[data-theme="light"] .i18n-menu button .en{color:#5a6b84}
html[data-theme="light"] .i18n-menu button:hover{background:rgba(14,27,44,.05)}

/* RTL: keep the switcher itself on the right; the menu flows naturally */
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .i18n-menu button{text-align:right}