/* ============================================================
   Vertex Funded — locale: Arabic (RTL)
   Loaded ONLY for Arabic. base/layout/pages use CSS logical
   properties (margin-inline, inset-inline, padding-inline,
   text-align:end), so the layout mirrors automatically once
   direction:rtl is set. This file handles the rest.
   ============================================================ */

html[lang="ar"] {
  direction: rtl;
  /* System Arabic stacks — zero web-font download */
  --font-body: "Segoe UI", "Tahoma", "Geeza Pro", "Noto Naskh Arabic", "Arial", system-ui, sans-serif;
  --font-display: "Tahoma", "Noto Kufi Arabic", "Segoe UI", var(--font-body);
}
html[lang="ar"] body { text-align: right; line-height: 1.7; }

[dir="rtl"] .header-inner,
[dir="rtl"] .footer-grid,
[dir="rtl"] .footer-bottom { direction: rtl; }

/* Arabic should not use the negative Latin letter-spacing */
html[lang="ar"] :is(h1, h2, h3, h4, h5, h6, .disp, .hero-title, .section-title, .brand) { letter-spacing: 0; }

/* Relax uppercase tracking (reads poorly in Arabic) */
html[lang="ar"] :is(.eyebrow, .fcol h5, .announce) { letter-spacing: 0; text-transform: none; }

/* Mirror directional icons (forward / back arrows) */
html[lang="ar"] .btn .fa-arrow-right,
html[lang="ar"] .breadcrumbs .sep { transform: scaleX(-1); }

/* Numbers, prices, balances and the chart stay LTR for correct reading */
html[lang="ar"] :is(.o-price, .o-size, .priceLabel, .tc-balance, .tc-up, .hm-num, .stat-num,
                     .payout-amt, .spec-row .v, .tc-foot b) {
  direction: ltr;
  unicode-bidi: isolate;
}

/* Keep the pricing spec values right-aligned visually in RTL */
html[lang="ar"] .spec-row .v { text-align: left; }