/* Sélecteur de langue — composant commun à toutes les versions.
   Usage : <link rel="stylesheet" href="lang.css"> + <script src="lang.js"></script>
   Les textes traduisibles portent data-en="English text" (le français est le contenu par défaut). */

.lang{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:60;
  display:flex;gap:3px;padding:4px;border-radius:999px;
  background:rgba(11,11,11,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(244,242,236,.18)}
.lang button{width:34px;height:26px;padding:0;border:0;border-radius:6px;background:transparent;
  cursor:pointer;opacity:.5;transition:opacity .15s, box-shadow .15s;display:flex;align-items:center;justify-content:center}
.lang button svg{width:26px;height:18px;display:block;border-radius:2px}
.lang button:hover{opacity:.85}
.lang button[aria-pressed="true"]{opacity:1;box-shadow:0 0 0 1.5px rgba(244,242,236,.85)}
@media(max-width:640px){.lang{top:10px}.lang button{width:31px;height:24px}.lang button svg{width:23px;height:16px}}