/* Mando Systems — i18n switcher + RTL (theme-agnostic; uses site CSS vars) */

/* ---- language switcher ---- */
.lang-switch{position:relative;display:inline-flex;margin-left:.9rem;flex-shrink:0}
.lang-toggle{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--border2);border-radius:7px;height:34px;padding:0 .62rem;cursor:pointer;color:var(--text2);font-family:var(--mono,monospace);font-size:.72rem;letter-spacing:.05em;transition:color .2s,border-color .2s}
.lang-toggle:hover{color:var(--text);border-color:var(--accent)}
.lang-toggle svg{width:15px;height:15px;flex-shrink:0}
.lang-cur{font-weight:600}
.lang-menu{position:absolute;top:calc(100% + 9px);right:0;min-width:180px;max-height:min(70vh,360px);overflow-y:auto;background:var(--bg2);border:1px solid var(--border2);border-radius:11px;padding:.35rem;box-shadow:0 20px 55px rgba(0,0,0,.4);display:none;z-index:1300}
.lang-menu.open{display:block}
.lang-item{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;background:none;border:none;border-radius:7px;padding:.52rem .6rem;cursor:pointer;color:var(--text2);font-family:var(--font,inherit);font-size:.86rem;line-height:1.2;transition:background .15s,color .15s}
.lang-item:hover{background:var(--bg3);color:var(--text)}
.lang-item[aria-current="true"]{color:var(--accent);background:var(--accent-dim)}
.lang-flag{font-size:1.05rem;line-height:1;width:1.35rem;text-align:center;flex-shrink:0}
.lang-name{white-space:nowrap}

/* ---- RTL (Arabic / Farsi) ---- */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .lang-switch{margin-left:0;margin-right:.9rem}
html[dir="rtl"] .lang-menu{right:auto;left:0}
html[dir="rtl"] .lang-item{text-align:right}
html[dir="rtl"] .theme-toggle{margin-left:0;margin-right:1.4rem}
/* keep code terminals, inputs and the switcher's own latin bits LTR */
html[dir="rtl"] .terminal-card,html[dir="rtl"] .terminal-body,html[dir="rtl"] code,html[dir="rtl"] pre,html[dir="rtl"] .lang-toggle,html[dir="rtl"] .lang-cur{direction:ltr}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right}
/* legible system Arabic/Farsi typography (Inter has no Arabic glyphs) */
html[lang="ar"] body,html[lang="fa"] body{font-family:'Segoe UI',Tahoma,'Geeza Pro','Noto Sans Arabic','Noto Kufi Arabic',system-ui,sans-serif}