/* AutoDeal FR / EN / AR — global interface language controls */
html.ad-i18n-pending:not([lang="fr"]) body{visibility:hidden}
/* AutoDeal compact language button — same box as theme / cart icons */
.ad-lang-control{
 display:inline-flex;flex:0 0 auto;position:relative;
 width:max-content;height:max-content;direction:ltr!important;
 align-items:center;justify-content:center;z-index:105;
}
.ad-lang-trigger.icon-btn{
 font-family:var(--display,Arial,sans-serif)!important;
 font-size:12px!important;font-weight:800!important;
 letter-spacing:.015em!important;line-height:1!important;
 white-space:nowrap;padding:0!important;
}
.ad-lang-control.is-open .ad-lang-trigger,
.ad-lang-trigger:focus-visible{outline:2px solid #f30c81;outline-offset:3px}
.ad-lang-popover{
 position:absolute;top:calc(100% + 10px);right:0;
 width:210px;padding:9px;border:1px solid #e3e5e9;border-radius:17px;
 background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.2);
 z-index:250;color:#293344;direction:ltr!important;
}
.ad-lang-popover[hidden]{display:none!important}
.ad-lang-option{
 display:flex;align-items:center;gap:13px;min-width:0;width:100%;
 padding:15px 13px;border:0;border-radius:12px;background:transparent;
 color:#667085;text-align:left;font:750 15px/1.3 system-ui,Arial,sans-serif;
 cursor:pointer;white-space:nowrap;
}
.ad-lang-option:hover,.ad-lang-option:focus-visible{
 background:#f6f3f5;color:#212938;
}
.ad-lang-option.is-selected{
 background:#fff0e6;color:#ef6909;
}
.ad-lang-flag{font-size:19px;line-height:1;width:26px;flex-shrink:0}
.ad-lang-name{flex:1;min-width:0}
.ad-lang-check{font-size:15px;text-align:right;min-width:12px}
.ad-i18n-public-header #mainNav > .ad-lang-control{display:none}
@media(min-width:681px){
 /* On tablet / desktop the right-side My Account button is visible. Hide the duplicate. */
 .ad-i18n-public-header #mainNav > a[href="/mon-espace.html"]{display:none!important}
}
@media(max-width:680px){
 /* Keep My Account reachable on compact navigation: the right action is hidden here. */
 .ad-i18n-public-header .nav-actions > .ad-lang-control{display:none}
 .ad-i18n-public-header #mainNav > .ad-lang-control{
  display:inline-flex;align-self:flex-start;margin:8px 4px;
 }
 #mainNav .ad-lang-popover{left:0;right:auto}
}
@media(max-width:680px){
 .ad-lang-option{padding:13px 12px}
 .ad-lang-popover{width:204px}
}
.ad-lang-floating{position:fixed;top:14px;right:14px;z-index:1000}
.ad-i18n-header-fallback{display:flex;align-items:center;justify-content:flex-end;padding:8px 12px}
html[data-theme="light"] .ad-lang-trigger.icon-btn{
 color:#172238;background:#fff;border-color:#d8dee7;
}
html[dir="rtl"] .ad-lang-control,
html[dir="rtl"] .ad-lang-popover,
html[dir="rtl"] .ad-lang-option{direction:ltr!important}
@media(prefers-reduced-motion:reduce){.ad-lang-option{transition:none!important}}
html[dir="rtl"]{text-align:start}
/* Cairo is loaded on demand when Arabic is selected. Keep icon/SVG assets intact. */
html[lang="ar"] body,
html[lang="ar"] :is(button,input,select,textarea,option,h1,h2,h3,h4,h5,h6,p,a,label,span,small,strong,b,li,dt,dd,th,td,.hero-search-tab,.air-search-btn,.air-field,.ad-access-card,.ad-access-hero,.ad-lang-option,.ad-lang-name) {
 font-family:"Cairo",Tahoma,Arial,sans-serif!important;
 letter-spacing:normal!important;
}
html[lang="ar"] :is(h1,h2,h3,h4,h5,h6){line-height:1.35!important}
html[lang="ar"] .ad-lang-option[data-lang="ar"]{line-height:1.5!important}
.ad-lang-option[data-lang="ar"] .ad-lang-name{font-family:"Cairo",Tahoma,Arial,sans-serif!important}

html[dir="rtl"] .hero h1,html[dir="rtl"] .ad-access-hero h1{letter-spacing:normal!important}
html[dir="rtl"] .ad-access-eyebrow{letter-spacing:normal!important}
html[dir="rtl"] .hero-search-tabs,html[dir="rtl"] .hero-search-tab{letter-spacing:normal!important}
html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="number"],html[dir="rtl"] input[type="email"],html[dir="rtl"] input[inputmode="numeric"]{direction:ltr;text-align:left}
html[dir="rtl"] .price,html[dir="rtl"] .currency,html[dir="rtl"] .phone,html[dir="rtl"] .ad-lang-select{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .ad-access-card,html[dir="rtl"] .catalog-filter-panel,html[dir="rtl"] .portal-card{direction:rtl}
html[dir="rtl"] .ad-access-category{text-align:left}
@media(min-width:761px){
 html[dir="rtl"] .ad-access-card-top{flex-direction:row-reverse}
}
@media(prefers-reduced-motion:reduce){.ad-lang-control,.ad-lang-select{transition:none!important}}
/* Hidden anti-spam field: the original -9999px offset creates a 10k pixel
   horizontal scroll area in RTL; keep it invisible without document overflow. */
html[dir="rtl"] input.honeypot,html[dir="rtl"] .honeypot{
 position:absolute!important;
 left:0!important;right:auto!important;top:0!important;
 width:1px!important;height:1px!important;
 max-width:1px!important;max-height:1px!important;
 clip-path:inset(50%)!important;
 overflow:hidden!important;opacity:0!important;
 pointer-events:none!important;
}

/* Theme-aware language control: dark is black with white text, light is inverse. */
html[data-theme="dark"] .ad-lang-trigger.icon-btn {
 background:#0b0d10!important;
 color:#fff!important;
 border-color:#343a45!important;
}
html[data-theme="dark"] .ad-lang-popover {
 background:#0b0d10!important;
 border-color:#363b44!important;
 color:#f5f6f8!important;
 box-shadow:0 18px 42px rgba(0,0,0,.54)!important;
}
html[data-theme="dark"] .ad-lang-option {background:transparent;color:#e0e3e9!important}
html[data-theme="dark"] .ad-lang-option:hover,
html[data-theme="dark"] .ad-lang-option:focus-visible {
 background:#22252e!important;color:#fff!important;
}
html[data-theme="dark"] .ad-lang-option.is-selected {
 background:#321222!important;color:#ff6dae!important;
}
html[data-theme="light"] .ad-lang-trigger.icon-btn {
 background:#fff!important;
 color:#1b2433!important;
 border-color:#d8dee7!important;
}
html[data-theme="light"] .ad-lang-popover {
 background:#fff!important;
 border-color:#e1e4ec!important;
 color:#222b3a!important;
 box-shadow:0 18px 42px rgba(22,32,48,.16)!important;
}
html[data-theme="light"] .ad-lang-option {background:transparent;color:#525e70!important}
html[data-theme="light"] .ad-lang-option:hover,
html[data-theme="light"] .ad-lang-option:focus-visible {
 background:#f2f4f8!important;color:#182333!important;
}
html[data-theme="light"] .ad-lang-option.is-selected {
 background:#fff0e6!important;color:#db600b!important;
}

/* Public authentication actions: hidden until session verification completes. */
.nav-actions > a.offer-btn,
#mainNav > a[href="/mon-espace.html"]{visibility:hidden}
body.ad-auth-ready .nav-actions > a.offer-btn{visibility:visible}
body.ad-auth-ready #mainNav > a.ad-auth-nav-link{visibility:visible}
.nav-actions > a.ad-auth-login{
 min-height:37px;display:inline-flex;align-items:center;justify-content:center;
 padding:0 14px;border-radius:10px;
 font-weight:800;font-size:12px;white-space:nowrap;text-decoration:none;
 color:var(--ink,#fff);background:transparent;border:1px solid var(--line,#343843)
}
html[data-theme="light"] .nav-actions > a.ad-auth-login{
 color:#182438;background:#fff;border-color:#d8dee7;
}
.nav-actions > a.ad-auth-login:hover,
.nav-actions > a.offer-btn:hover{filter:brightness(1.09)}
/* The duplicate account link is removed from desktop/tablet navigation. */
@media(min-width:681px){
 body.ad-i18n-public-header #mainNav > a.ad-auth-nav-link,
 body.ad-i18n-public-header #mainNav > a.ad-auth-register{
  display:none!important;
 }
}
@media(max-width:680px){
 .nav-actions > a.ad-auth-login,.nav-actions > a.offer-btn{display:none!important}
 body.ad-i18n-public-header #mainNav > a.ad-auth-nav-link,
 body.ad-i18n-public-header #mainNav > a.ad-auth-register{
  display:block!important;
 }
}
body[data-access-intent="register"] .ad-access-actions .ad-access-secondary,
body[data-access-intent="login"] .ad-access-actions .ad-access-primary{
 box-shadow:0 0 0 2px rgba(244,13,129,.45);
}
/* Arabic campaign cards: text lives in the LEFT dark zone, without mirroring
   photography, logos, printed labels or brand typography. */
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact{
 direction:ltr!important;
}
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact::before,
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact.branch-parts::before{
 background:linear-gradient(90deg,#0c0e16 0%,rgba(12,14,22,.99) 36%,rgba(12,14,22,.96) 52%,rgba(12,14,22,.83) 64%,rgba(12,14,22,.22) 92%)!important;
 z-index:2!important;
}
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy{
 direction:rtl!important;
 text-align:right!important;
 align-items:flex-end!important;
 margin-right:auto!important;
 margin-left:0!important;
 width:53%!important;
 max-width:53%!important;
}
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy p,
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy .checklist{
 color:#fff!important;
 text-shadow:0 2px 5px rgba(0,0,0,.7)!important;
 width:100%!important;
 max-width:100%!important;
}
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy .checklist span{
 direction:rtl!important;
 justify-content:flex-start!important;
 white-space:normal!important;
 line-height:1.55!important;
}
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy h2,
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy h2 span,
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy .eyebrow{
 font-family:"Manrope",system-ui,Arial,sans-serif!important;
 letter-spacing:-.035em!important;
 direction:ltr!important;
 unicode-bidi:isolate!important;
 text-align:left!important;
 white-space:nowrap!important;
 text-shadow:0 2px 6px rgba(0,0,0,.6)!important;
}
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy h2{
 max-width:100%!important;
 width:auto!important;
}
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy .eyebrow{
 letter-spacing:.1em!important;
}
html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy a.btn{
 align-self:flex-end!important;
 font-family:"Cairo",Tahoma,Arial,sans-serif!important;
 font-size:14px!important;
 background:rgba(8,10,18,.94)!important;
}
@media(max-width:1100px){
 html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy{
  width:61%!important;max-width:61%!important;
 }
 html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy h2,
 html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy h2 span{
  font-size:clamp(21px,2.4vw,30px)!important;
 }
}
@media(max-width:650px){
 html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact::before,
 html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact.branch-parts::before{
  background:linear-gradient(90deg,rgba(11,13,21,.99),rgba(11,13,21,.96) 52%,rgba(11,13,21,.7) 100%)!important;
 }
 html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy{
  width:100%!important;max-width:100%!important;min-height:375px!important;
 }
 html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy h2,
 html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy h2 span{
  font-size:clamp(21px,6vw,32px)!important;
 }
 html[lang="ar"] .branches-section.ad-branches-exact .ad-branch-exact .branch-copy p{
  max-width:100%!important;
 }
}

/* Stable navigation from the first paint.
   "connected" and "guest" are presentation hints, NOT access permissions.
   The server session endpoint remains authoritative on every navigation. */
html[data-auth-hint="connected"] .nav-actions > a.offer-btn,
html[data-auth-hint="guest"] .nav-actions > a.offer-btn,
html[data-auth-hint="connected"] #mainNav > a.ad-auth-nav-link,
html[data-auth-hint="guest"] #mainNav > a.ad-auth-nav-link{
 visibility:visible!important;
}
html[data-auth-hint="guest"] .nav-actions > a.ad-auth-login{
 display:inline-flex!important;
 visibility:visible!important;
}
html[data-auth-hint="connected"] .nav-actions > a.ad-auth-login{
 display:none!important;
}
html[data-auth-hint="guest"] .offer-btn .ad-auth-label-connected,
html[data-auth-hint="connected"] .offer-btn .ad-auth-label-guest,
html[data-auth-hint="guest"] #mainNav .ad-auth-label-connected,
html[data-auth-hint="connected"] #mainNav .ad-auth-label-guest{display:none!important}
html[data-auth-hint="connected"] .offer-btn .ad-auth-label-connected,
html[data-auth-hint="guest"] .offer-btn .ad-auth-label-guest,
html[data-auth-hint="connected"] #mainNav .ad-auth-label-connected,
html[data-auth-hint="guest"] #mainNav .ad-auth-label-guest{display:inline!important}
html[data-auth-hint="unknown"] .nav-actions > a.offer-btn{
 visibility:visible!important; pointer-events:none!important;
 background:#30333b!important;border-color:#414550!important;
 color:transparent!important;box-shadow:none!important;
 min-width:123px;position:relative;overflow:hidden;
}
html[data-auth-hint="unknown"] .nav-actions > a.offer-btn > *{visibility:hidden!important}
html[data-auth-hint="unknown"] .nav-actions > a.offer-btn::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);
 animation:ad-auth-skeleton 1.1s ease-in-out infinite;
}
html[data-theme="light"][data-auth-hint="unknown"] .nav-actions > a.offer-btn{
 background:#e9ebf0!important;border-color:#d7dce5!important;
}
@keyframes ad-auth-skeleton{
 from{transform:translateX(-100%)}to{transform:translateX(100%)}
}
@media(prefers-reduced-motion:reduce){
 html[data-auth-hint="unknown"] .nav-actions > a.offer-btn::after{animation:none}
}

.nav-actions > a.ad-auth-login{display:none}
html[data-auth-hint="connected"] #mainNav > a.ad-auth-register{display:none!important}
html[data-auth-hint="guest"] #mainNav > a.ad-auth-register{display:block}
html[data-auth-hint="unknown"] #mainNav > a.ad-auth-register{display:none!important}
html[data-auth-hint="unknown"] #mainNav > a.ad-auth-nav-link{
 visibility:visible!important;opacity:.45;pointer-events:none
}
/* Reserve one fixed, button-sized placeholder before the first session check. */
html[data-auth-hint="unknown"] .nav-actions > a.offer-btn .ad-auth-label-guest{display:none!important}
html[data-auth-hint="unknown"] .nav-actions > a.offer-btn{width:130px;min-width:130px;max-width:130px}
