/* Arabic (RTL) typography. Layout mirroring comes from css/style-rtl.css (generated by rtlcss). */
html[lang="ar"] body { line-height: 1.85; font-size: 17px; }
html[lang="ar"] *, html[lang="ar"] *::before, html[lang="ar"] *::after { letter-spacing: 0 !important; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4 { line-height: 1.35; font-weight: 700; }
html[lang="ar"] .btn, html[lang="ar"] button, html[lang="ar"] .eyebrow, html[lang="ar"] label, html[lang="ar"] th { text-transform: none; letter-spacing: 0; }
html[lang="ar"] .btn { font-weight: 700; }
html[lang="ar"] input, html[lang="ar"] select, html[lang="ar"] textarea { font-family: inherit; text-align: right; }
html[lang="ar"] input[type="email"], html[lang="ar"] input[type="tel"], html[lang="ar"] input[type="number"] { direction: ltr; text-align: right; }
html[lang="ar"] .num, html[lang="ar"] [data-count], html[lang="ar"] .stat-num { direction: ltr; unicode-bidi: isolate; display: inline-block; }
html[lang="ar"] a[href^="mailto:"], html[lang="ar"] a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; display: inline-block; }
html[lang="ar"] .lang-switch { font-family: 'Jost', sans-serif; }

/* Display faces: calligraphic Ruqaa for headings and titles, geometric Kufi for buttons, menu and labels */
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4,
html[lang="ar"] .gold-text, html[lang="ar"] .section-title, html[lang="ar"] .brand-name,
html[lang="ar"] .aayaat-text { font-family: 'Aref Ruqaa', 'Amiri', serif; font-weight: 700; line-height: 1.5; }
html[lang="ar"] h1 { line-height: 1.45; }
html[lang="ar"] .btn, html[lang="ar"] button, html[lang="ar"] .eyebrow, html[lang="ar"] .nav-links a,
html[lang="ar"] .nav-cta a, html[lang="ar"] .lang-switch, html[lang="ar"] label, html[lang="ar"] th,
html[lang="ar"] .city-pill, html[lang="ar"] .stat-label, html[lang="ar"] .footer-col h4 { font-family: 'Reem Kufi', 'Jost', sans-serif; font-weight: 500; }
html[lang="ar"] .btn, html[lang="ar"] button.btn { font-weight: 700; font-size: 1.02em; }

html[lang="ar"] .pg { direction: rtl; }
html[lang="ar"] .pg-day, html[lang="ar"] .pg-kicker, html[lang="ar"] .ksea-label { letter-spacing: 0; text-transform: none; }
html[lang="ar"] .garden-stats span { letter-spacing: 0; text-transform: none; }

html[lang="ar"] .kp-name { font-size: 23px; font-weight: 500; }

html[lang="ar"] .toon-cap, html[lang="ar"] .toon-bubble, html[lang="ar"] .toon-title { direction: rtl; }

/* Arabic letters, their tails and their marks reach above and below the line box. Gold-gradient text is painted only
   inside its own box (background-clip: text), and a box that hides its overflow for an animation cuts at its edge, so
   tall letters (the alif, the madda) lost their tops and tails and dots under the line were sliced. Give those boxes
   room; the negative margins keep every line exactly where it was. */
html[lang="ar"] .gold-text { padding-top: 0.36em; padding-bottom: 0.3em; margin-top: -0.36em; margin-bottom: -0.3em; }
/* (stacked lines: margins would collapse, so the clip itself is widened instead; it changes no layout) */
html[lang="ar"] .hero-title .line { overflow: visible; clip-path: inset(-0.24em -1em -0.34em -1em); }
html[lang="ar"] .om-unit { padding-top: 0.15em; padding-bottom: 0.45em; margin-top: -0.15em; margin-bottom: -0.11em; }