/* Arabic (RTL) pages: fonts and right-to-left refinements. Loaded only on /ar/ pages. */
@font-face{font-family:'Noto Naskh Arabic';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/noto-naskh-arabic-var.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/noto-sans-arabic-var.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

html[lang="ar"] { --f-display: "Noto Naskh Arabic", "Philosopher", Georgia, serif; --f-body: "Noto Sans Arabic", "Helvetica Neue", Helvetica, Arial, sans-serif; }
html[lang="ar"] body { line-height: 1.85; }
/* Arabic letters must stay joined: no tracking, no forced capitals, no italics */
html[lang="ar"] * { letter-spacing: 0 !important; text-transform: none !important; }
html[lang="ar"] em, html[lang="ar"] i, html[lang="ar"] .accent { font-style: normal; }
html[lang="ar"] .h1, html[lang="ar"] .h2, html[lang="ar"] h3 { line-height: 1.35; font-weight: 700; }
html[lang="ar"] .h1 { font-size: clamp(34px, 4.6vw, 62px); }
html[lang="ar"] .label { font-size: 14px; font-weight: 500; }
html[lang="ar"] .lede { line-height: 1.9; }

/* icons that point "forward" must point left in RTL */
html[dir="rtl"] .arrow, html[dir="rtl"] .btn > svg, html[dir="rtl"] .link > svg, html[dir="rtl"] .go svg { transform: scaleX(-1); }
html[dir="rtl"] .btn:hover .arrow, html[dir="rtl"] .link:hover > svg { transform: scaleX(-1) translateX(3px); }

/* cinematic hero: darken the right-hand side, where Arabic text sits */
html[dir="rtl"] .phero--cine, html[dir="rtl"] .article-head--cine { --veil: linear-gradient(270deg, rgba(36, 9, 47, .82) 0%, rgba(36, 9, 47, .58) 45%, rgba(36, 9, 47, .22) 100%), linear-gradient(0deg, rgba(36, 9, 47, .5) 0%, rgba(36, 9, 47, 0) 45%), linear-gradient(180deg, rgba(36, 9, 47, .45) 0%, rgba(36, 9, 47, 0) 30%); }

/* lists and quotes */
html[dir="rtl"] .ticks li { padding-left: 0; padding-right: 34px; }
html[dir="rtl"] .ticks li::before { left: auto; right: 0; }
html[dir="rtl"] .quote-list li { padding-left: 0; padding-right: 22px; border-left: 0; border-right: 2px solid var(--purple); }
html[dir="rtl"] .prose ul, html[dir="rtl"] .prose ol { padding-left: 0; padding-right: 1.3em; }
html[dir="rtl"] .prose .box li { padding-left: 0; padding-right: 32px; }
html[dir="rtl"] .prose .box li::before { left: auto; right: 0; }
html[dir="rtl"] .prose th, html[dir="rtl"] .prose td { text-align: right; }
html[dir="rtl"] .faq summary { padding-left: 56px; padding-right: 0; text-align: right; }
html[dir="rtl"] .faq summary i { left: 0; right: auto; }
html[dir="rtl"] .scard .go { left: 22px; right: auto; }
html[dir="rtl"] .crumbs { direction: rtl; }
html[dir="rtl"] .header .nav-list { direction: rtl; }
html[dir="rtl"] .topbar-links { direction: rtl; }
html[dir="rtl"] .lang-switch, html[lang="en"] .lang-switch { font-weight: 600; }
html[lang="en"] .lang-switch { font-family: "Noto Sans Arabic", "Helvetica Neue", Arial, sans-serif; }
html[dir="rtl"] bdi[dir="ltr"] { unicode-bidi: isolate; }

/* forms */
html[dir="rtl"] .field label, html[dir="rtl"] .group-label { text-align: right; }
html[dir="rtl"] .steps-bar, html[dir="rtl"] .step-nav { direction: rtl; }
html[dir="rtl"] input[dir="ltr"] { text-align: right; }
html[dir="rtl"] .consent { text-align: right; }

/* skip link: park it off the start side so it never creates a horizontal scroll in RTL */
html[dir="rtl"] .skip { left: auto; right: -9999px; }
html[dir="rtl"] .skip:focus { right: 8px; left: auto; }
/* Arabic nav: larger glyphs need less spacing and no tracking */
html[dir="rtl"] .nav-list { gap: clamp(10px, 1.2vw, 20px); }
html[dir="rtl"] .nav-item > a { font-size: 14px; font-weight: 500; white-space: nowrap; }
html[dir="rtl"] .header .header-main { gap: 18px; }
html[dir="rtl"] .header-cta .btn { white-space: nowrap; }
html[dir="rtl"] .topbar-note { font-size: 12px; }