/* ACI i18n — sélecteur de langue et mode RTL
   Emplacement : public_html/assets/i18n/i18n.css */

/* ── Sélecteur de langue : une pastille (drapeau actif) + menu déroulant ── */
.lang-switch{position:relative;display:inline-block;flex:0 0 auto;margin-inline-start:.75rem;font-family:'Montserrat','Cairo',sans-serif}
.lang-btn{display:inline-flex;align-items:center;gap:.45rem;height:2.2rem;padding:0 .6rem;background:transparent;border:1px solid rgba(201,168,76,.35);border-radius:8px;color:#C9A84C;cursor:pointer;transition:background .2s,border-color .2s}
.lang-btn:hover,.lang-switch.open .lang-btn{background:rgba(201,168,76,.12);border-color:#C9A84C}
.lang-btn:focus-visible,.lang-list li:focus-visible{outline:2px solid #C9A84C;outline-offset:2px}
.lang-current,.lang-flag{display:inline-flex;flex:0 0 auto;width:24px;height:16px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.lang-flag-svg{display:block;width:100%;height:100%}
.lang-chev{flex:0 0 auto;transition:transform .2s;opacity:.85}
.lang-switch.open .lang-chev{transform:rotate(180deg)}
.lang-list{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:11.5rem;margin:0;padding:.35rem;list-style:none;background:#141414;border:1px solid rgba(201,168,76,.35);border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.65);z-index:10000}
.lang-list[hidden]{display:none}
.lang-list li{display:flex;align-items:center;gap:.7rem;padding:.55rem .65rem;border-radius:7px;color:#EDE9E0;font-size:.85rem;cursor:pointer;outline:none;white-space:nowrap}
.lang-list li:hover,.lang-list li:focus{background:rgba(201,168,76,.14)}
.lang-list li.active{color:#C9A84C}
.lang-name{flex:1}
.lang-name[lang="ar"]{font-family:'Cairo','Segoe UI',Tahoma,sans-serif;font-size:.95rem}
.lang-check{opacity:0;color:#C9A84C;font-weight:700}
.lang-list li.active .lang-check{opacity:1}
.lang-float{position:fixed;top:12px;inset-inline-end:12px;z-index:9999;margin:0}
/* le sélecteur répété dans l'ancien menu mobile n'est plus nécessaire */
.nav-mobile .lang-switch,.nav-mob .lang-switch{display:none}

/* ── Barre de menu : de la place pour le français ── */
body.has-lang-bar nav{padding-inline:clamp(1rem,2vw,2rem)}
body.has-lang-bar nav .nav-inner{max-width:1400px;gap:1rem}
body.has-lang-bar .nav-brand{flex:0 0 auto}
body.has-lang-bar .nav-links{flex:0 1 auto;flex-wrap:nowrap}
body.has-lang-bar .nav-link,body.has-lang-bar .nav-links .btn{white-space:nowrap}
body.has-lang-bar .nav-inner>.lang-switch{margin-inline-start:0}
@media(max-width:1500px){
  body.has-lang-bar .nav-link{padding-inline:.55rem;letter-spacing:.03em}
  body.has-lang-bar .nav-links .btn{padding-inline:1rem !important}
}
@media(max-width:1320px){
  body.has-lang-bar .nav-brand-text span{display:none}
}
/* sous 1260 px le menu complet ne tient plus : menu « hamburger », le sélecteur reste visible à côté */
@media(max-width:1260px){
  body.has-lang-bar nav .nav-links{display:none !important}
  body.has-lang-bar nav .nav-hamburger,body.has-lang-bar nav .nav-ham{display:flex !important}
  body.has-lang-bar .nav-inner>.lang-switch{margin-inline-start:auto;margin-inline-end:.5rem}
}

/* ── Arabe : police + direction ── */
body.lang-ar,body.lang-ar *:not(i):not(.fa):not([class*="icon"]){font-family:'Cairo','Tajawal',sans-serif !important;letter-spacing:0 !important}
body.lang-ar .label,body.lang-ar .btn{letter-spacing:0 !important;text-transform:none}
body.lang-ar .display{line-height:1.35}
body.rtl{direction:rtl;text-align:right}
body.rtl input,body.rtl textarea,body.rtl select{text-align:right}
body.rtl input[type="email"],body.rtl input[type="tel"],body.rtl input[type="url"],body.rtl input[type="password"],body.rtl input[type="number"]{direction:ltr;text-align:right}
body.rtl .nav-inner,body.rtl .nav-links,body.rtl .hero-cta,body.rtl .hero-trust{direction:rtl}
body.rtl .stat-number,body.rtl .price,body.rtl [dir="ltr"]{direction:ltr;unicode-bidi:isolate}
body.rtl .btn .arrow,body.rtl .flip-rtl{display:inline-block;transform:scaleX(-1)}



/* champs mot de passe : l'œil passe à gauche en arabe */
body.rtl .pw-wrap input{padding-right:.9rem;padding-left:2.5rem}
body.rtl .pw-toggle{right:auto;left:.75rem}
body.rtl .pw input{padding:.8rem .9rem .8rem 2.6rem}
body.rtl .eye{right:auto;left:.6rem}

/* pages à barre « topnav » (boutique, espace client…) : sur téléphone, pastille fixe en bas à gauche */
.lang-dock{position:fixed;bottom:12px;inset-inline-start:12px;margin:0;z-index:9999}
.lang-dock .lang-btn{background:rgba(10,10,10,.95);box-shadow:0 2px 10px rgba(0,0,0,.5)}
.lang-dock .lang-list{top:auto;bottom:calc(100% + 8px);inset-inline-end:auto;inset-inline-start:0}