/*
 * T-406 — Bouton de langue de l'en-tête, partagé par les accueils et les pages Vidéos (FR, NL, EN) :
 * icône de traduction, code de la langue, liste des trois langues au clic (choix de Marc, 27/09).
 * <details>/<summary> : s'ouvre et se ferme sans script, au clavier compris ; selecteur-langue.js le
 * referme au clic ailleurs et sur Échap. Chaque lien passe par ?langue= : Caddy retient le choix.
 * À 980 px et moins, il s'efface : menu ☰ sur les accueils, pied de page sur les pages Vidéos.
 */
.lang-sel { position:relative; }
.lang-sel > summary { display:inline-flex; align-items:center; gap:6px; font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:600; line-height:normal; color:var(--ink-700); border:1px solid var(--ink-200); border-radius:999px; padding:7px 11px; cursor:pointer; list-style:none; user-select:none; white-space:nowrap; transition:color .15s, border-color .15s; }
.lang-sel > summary::-webkit-details-marker { display:none; }
.lang-sel > summary:hover, .lang-sel[open] > summary { color:var(--ink-900); border-color:var(--ink-300); }
.lang-sel > summary svg { flex:none; }
.lang-sel .lang-fleche { transition:transform .15s; }
.lang-sel[open] .lang-fleche { transform:rotate(180deg); }
.lang-sel ul { position:absolute; right:0; top:calc(100% + 8px); z-index:60; list-style:none; margin:0; padding:6px; min-width:170px; background:#fff; border:1px solid var(--ink-200); border-radius:14px; box-shadow:0 12px 32px -12px rgba(24,24,27,.28); }
.lang-sel li a { display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:9px 12px; border-radius:9px; font-size:14.5px; font-weight:500; color:var(--ink-700); }
.lang-sel li a:hover { background:var(--ink-50); color:var(--ink-900); }
.lang-sel li a small { font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--ink-400); }
.lang-sel li a[aria-current="page"] { background:rgb(var(--p-50)); color:rgb(var(--p-700)); font-weight:600; }
@media (max-width:980px) { .lang-sel { display:none; } }
@media (prefers-reduced-motion:reduce) { .lang-sel > summary, .lang-sel .lang-fleche { transition:none; } }