/* VISTIX — Arabic (RTL) overrides only.
   Loaded ONLY on /ar/* pages (see app/Views/layout/main.php), so this file
   has zero effect on the English site. Most of the base stylesheet already
   uses logical CSS properties (padding-inline-start, margin-inline-start)
   which flip automatically under dir="rtl" — the rules below cover the
   handful of places that use physical left/right values, plus a couple of
   Arabic-specific typographic adjustments. No layout is redesigned here. */

/* Arabic-friendly font fallback (still system fonts only, no web-font load) */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}

/* Letter-spacing is a Latin-typography convention; Arabic script joins
   letters, so artificial tracking can visibly break letterforms. */
.eyebrow,h1,h2,.brand,.nav-links a{letter-spacing:normal}

/* Contact/legal form labels align to the reading start (right) in Arabic. */
.form-field{text-align:right}

/* The numbered step marker is physically pinned to the left in the base
   stylesheet; flip it to sit on the reading-start side in RTL. */
.step::before{left:auto;right:0}