/* VELORIA DESIGN — Sélecteur de langues FR / EN / AR (header, toutes les pages).
   Fichier ajouté ; les feuilles de style existantes ne sont pas modifiées.
   Propriétés logiques (inline-start / inline-end) : fonctionne en LTR et en RTL. */
/* Police arabe pour le libellé « العربية » sur les pages FR/EN (chargée seulement à l'ouverture du menu) */
@font-face{font-family:"VD Lang Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(../ar/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+FB50-FDFF,U+FE70-FEFC}
.lang-switch{position:relative;flex:none;font-family:"Myriad Pro","Myriad","Source Sans 3","IBM Plex Sans Arabic","Segoe UI",system-ui,sans-serif}
.lang-switch>summary{list-style:none}
.lang-switch>summary::-webkit-details-marker{display:none}
.lang-switch__btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid rgba(251,247,239,.28);border-radius:999px;color:var(--on-dark,rgba(251,247,239,.9));font-size:.82rem;font-weight:600;letter-spacing:.08em;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;transition:border-color .25s,color .25s,background-color .25s}
.lang-switch__btn:hover,.lang-switch[open]>.lang-switch__btn{border-color:var(--gold-light,#e8c17b);color:var(--gold-light,#e8c17b)}
.lang-switch__btn:focus-visible{outline:2px solid var(--gold-light,#e8c17b);outline-offset:2px}
.lang-switch__btn::after{content:"";width:5px;height:5px;margin-inline-start:1px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.lang-switch[open]>.lang-switch__btn::after{transform:translateY(1px) rotate(-135deg)}
.lang-flag{display:block;flex:none;width:21px;height:14px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.lang-flag svg{display:block;width:100%;height:100%}
.lang-switch__menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:70;min-width:196px;margin:0;padding:6px;list-style:none;background:var(--paper,#fbf7ef);border:1px solid var(--line,rgba(36,20,14,.13));border-top:2px solid var(--copper,#c89b52);border-radius:2px;box-shadow:0 18px 40px -18px rgba(17,8,3,.45);animation:langIn .2s cubic-bezier(.22,.61,.36,1)}
@keyframes langIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.lang-switch__menu li{margin:0;padding:0}
.lang-switch__menu a{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;color:var(--ink,#110803);text-decoration:none;border-radius:2px;transition:background-color .2s,color .2s}
.lang-switch__menu a:hover,.lang-switch__menu a:focus-visible{background:var(--sand,#f5ecdc);color:var(--brown,#48200e);outline:none}
.lang-switch__menu .lang-flag{box-shadow:0 0 0 1px rgba(36,20,14,.14)}
.lang-switch__menu b{min-width:22px;font-size:.8rem;font-weight:700;letter-spacing:.08em}
.lang-switch__menu span.lang-name{font-size:.95rem;color:var(--muted,rgba(36,20,14,.74))}
.lang-switch__menu [lang="ar"] span.lang-name{font-family:"IBM Plex Sans Arabic","VD Lang Arabic","Segoe UI",system-ui,sans-serif;font-size:1rem}
.lang-switch__menu a[aria-current="true"]{background:var(--sand,#f5ecdc);cursor:default}
.lang-switch__menu a[aria-current="true"]::after{content:"";width:9px;height:5px;margin-inline-start:auto;border-left:1.5px solid var(--copper,#c89b52);border-bottom:1.5px solid var(--copper,#c89b52);transform:translateY(-2px) rotate(-45deg)}
/* Mobile : bouton plus compact (drapeau + code) */
@media (max-width:479px){
  .lang-switch__btn{gap:6px;height:40px;padding:0 9px;font-size:.76rem;letter-spacing:.05em}
  .lang-switch__btn::after{display:none}
  .lang-flag{width:19px;height:13px}
  .lang-switch__menu{min-width:168px;max-width:calc(100vw - 24px)}
  .lang-switch__menu a{gap:10px;padding:8px 10px}
}
@media (max-width:359px){.lang-switch__btn .lang-switch__code{display:none}}
@media print{.lang-switch{display:none!important}}