/* ==========================================================================
   Arabic / RTL layer.
   Loaded only on the /ar/ pages, after style.css. Mirrors the direction-
   dependent rules; deliberately leaves the hero ring alone because it is
   centred on 50% and symmetrical, so flipping it would gain nothing.
   ========================================================================== */

/* --- typography: Antonio has no Arabic glyphs, so the display face is
       swapped for Cairo, which carries both the weight and the Arabic set --- */
[dir="rtl"] body,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] button{
  font-family:"Cairo","Inter",system-ui,sans-serif;
}
[dir="rtl"] .hero-title,
[dir="rtl"] .h1,[dir="rtl"] .h2,[dir="rtl"] .h3,
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,
[dir="rtl"] .wcard-name,[dir="rtl"] .pentry-name,
[dir="rtl"] .tier-name,[dir="rtl"] .stat-num,
[dir="rtl"] .brandline b{
  font-family:"Cairo","Antonio",Impact,sans-serif;
  font-weight:900;
  letter-spacing:0;              /* Antonio's tracking hurts Arabic */
  text-transform:none;           /* Arabic has no uppercase */
}
/* Arabic needs a little more leading than the Latin scale allows */
[dir="rtl"] .hero-title{line-height:1.12}
[dir="rtl"] .lede,[dir="rtl"] p{line-height:1.85}

/* --- nav --- */
[dir="rtl"] .nav-links{margin-left:0;margin-right:24px}
[dir="rtl"] .nav-cta{margin-left:0;margin-right:24px}
[dir="rtl"] .nav.is-compact .nav-links{margin-right:0;padding-right:0;padding-left:0}
[dir="rtl"] .nav.is-compact .nav-cta{margin-left:0;margin-right:0}
[dir="rtl"] .nav.is-compact .nav-status{margin-left:0;margin-right:12px;padding-right:0;padding-left:12px}
[dir="rtl"] .nav-burger{margin-left:0;margin-right:10px}

/* --- overlay menu --- */
[dir="rtl"] .menu-close{right:auto;left:20px}
[dir="rtl"] .menu-foot{left:auto;right:var(--pad)}

/* --- hero copy + meta --- */
[dir="rtl"] .meta-item--end{text-align:left}
[dir="rtl"] .hero-note{text-align:right}
[dir="rtl"] .hi-badge{left:auto;right:-30px}

/* --- accordions --- */
[dir="rtl"] .acc-head{text-align:right}
[dir="rtl"] .acc-num{margin-right:0;margin-left:12px}

/* --- footer --- */
[dir="rtl"] .footer-right{text-align:left}

/* --- arrows point the other way in RTL --- */
[dir="rtl"] .hero-cta__dot svg,
[dir="rtl"] .link-arrow svg,
[dir="rtl"] .btn svg{transform:scaleX(-1)}

/* --- funnel (/ar/start) --- */
[dir="rtl"] .opt{text-align:right}
[dir="rtl"] .review dt{text-align:right}
[dir="rtl"] .brandline{direction:rtl}

/* Latin fragments inside Arabic text (URLs, emails, prices) must stay LTR
   or the browser reorders them; .ltr is applied inline where needed. */
[dir="rtl"] .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

@media (max-width:900px){
  [dir="rtl"] .hero-note{text-align:right}
  [dir="rtl"] .footer-right{text-align:right}
  [dir="rtl"] .hi-badge{left:auto;right:-18px}
}