/* The same visual identity, with native reading direction in both languages. */
.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:64px;padding:8px 10px;border:1px solid currentColor;border-radius:2px;font:600 12px/1.2 Arial,sans-serif;flex-shrink:0;text-decoration:none!important;transition:background .2s,color .2s}
.language-switch:hover{background:var(--gold,#b5a06f);color:#202b23}
.language-switch:focus-visible{outline:2px solid currentColor;outline-offset:4px}
html[lang=en]{--body-font:Arial,Helvetica,sans-serif;--display-font:Arial,Helvetica,sans-serif}
html[lang=en] body{font-family:var(--body-font);letter-spacing:.005em}
html[lang=en] :is(h1,h2,h3){line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
html[lang=en] :is(p,li){line-height:1.75}
html[lang=en] .brand-ar{font-family:"Droid Arabic Kufi",Arial,sans-serif;direction:rtl;letter-spacing:0}
html[lang=en] :is(th,td,.portal-field,.form-field){text-align:start}
html[lang=en] :is(input,select,textarea){text-align:start}
html[lang=en] :is(input[type=tel],input[type=email],input[type=number]){direction:ltr}
html[lang=en] .desktop-nav{gap:clamp(10px,1.1vw,22px)}
html[lang=en] .desktop-nav>a{white-space:nowrap}
html[lang=en] .brand-lockup .brand-copy{direction:rtl}
html[lang=en] .service-menu-panel{right:auto;left:0;text-align:left}
html[lang=en] .portal-account-menu>div{right:0;left:auto;text-align:left}
html[lang=en] .hero :is(h1,h2){max-width:16ch}
html[lang=en] .portal-header-actions{flex-wrap:wrap}
html[lang=en] .info-panel{text-align:start}
html[lang=en] .portal-eyebrow{letter-spacing:.08em}
html[lang=en] .portal-nav a{white-space:nowrap}
@media(max-width:760px){
 .language-switch{min-width:44px;min-height:44px;padding:8px;gap:4px}
 .site-header .language-switch svg{width:16px;height:16px}
 .site-header .language-switch{font-size:10px}
 html[lang=en] .site-header{gap:7px}
 .portal-header-actions .language-switch{order:-1}
 html[lang=en] .portal-label{font-size:12px}
 html[lang=en] :is(h1,h2){overflow-wrap:break-word}
}
/* Keep the two support launchers on opposite physical sides in both locales. */
html[lang=en] .whatsapp-launcher{inset-inline-start:auto;right:24px;left:auto}
html[lang=en] .whatsapp-launcher-label{inset-inline-start:auto;right:calc(100% + 12px)}
html[lang=en] .film-teaser{text-align:start}
@media(min-width:1181px) and (max-width:1540px){
 html[lang=en] .site-header .brand-copy{display:flex}
 html[lang=en] .site-header .brand-lockup{--brand-logo-size:70px;gap:10px}
 html[lang=en] .site-header .brand-ar{font-size:16px}
 html[lang=en] .site-header .brand-en{font-size:10px}
 html[lang=en] .site-header{gap:16px;padding-inline:2.5vw}
 html[lang=en] .desktop-nav{font-size:13px;gap:14px}
 html[lang=en] .header-contact{font-size:13px;gap:10px}
}
@media(max-width:600px){
 .site-header .brand-lockup{--brand-logo-size:58px;gap:7px}
 .site-header .brand-ar{font-size:14px}
 .site-header .brand-en{font-size:8.5px}
 .site-header .brand-copy{gap:5px}
 .site-header .language-switch{min-width:44px;padding:6px}
 .site-header .menu-toggle{padding:6px;min-width:36px;min-height:44px}
 .site-header{gap:6px}
 html[lang=en] .whatsapp-launcher{right:16px}
}
@media(max-width:360px){.site-header .brand-lockup{--brand-logo-size:48px}.site-header .brand-ar{font-size:12px}.site-header .brand-en{font-size:7.5px}.site-header .language-switch{min-width:42px}}