/* Sélecteur de langue — bascule à curseur coulissant (FR / EN / AR)
   Le curseur suit l'attribut data-active du conteneur ; direction:ltr garde l'ordre
   FR-EN-AR identique en mode arabe (droite-gauche). */
.lang{--cell:44px;--h:32px;position:relative;display:inline-flex;direction:ltr;isolation:isolate;padding:4px;border-radius:999px;background:var(--paper,#edf0f3);border:1px solid var(--line,#cfd6df)}
.lang-thumb{position:absolute;z-index:-1;top:4px;left:4px;width:var(--cell);height:var(--h);border-radius:999px;background:var(--ink,#0d1726);box-shadow:0 2px 8px #0d172640;transition:transform .35s cubic-bezier(.3,1.35,.5,1)}
.lang[data-active="en"] .lang-thumb{transform:translateX(var(--cell))}
.lang[data-active="ar"] .lang-thumb{transform:translateX(calc(var(--cell) * 2))}
.lang button{all:unset;box-sizing:border-box;width:var(--cell);height:var(--h);display:grid;place-items:center;border-radius:999px;cursor:pointer;font:700 12px/1 var(--f1,system-ui);letter-spacing:.05em;color:var(--mu,#566478);transition:color .25s}
.lang button:hover{color:var(--or,#f26a0f)}
.lang button[aria-pressed="true"]{color:#fff}
.lang button:focus-visible{outline:2px solid var(--or,#f26a0f);outline-offset:1px}
@media(max-width:420px){.lang{--cell:38px}}
@media(prefers-reduced-motion:reduce){.lang-thumb{transition:none}}
