/* =========================================================
   RTL-specific overrides (loaded only when html[dir="rtl"]).
   Most layout already uses CSS logical properties in style.css;
   this file only fixes things that need an explicit flip.
   ========================================================= */

html[dir="rtl"] body {
  font-family: var(--font-ar);
}

/* Chevrons / arrows that visually imply direction of travel */
html[dir="rtl"] .hero-scroll-cue i,
html[dir="rtl"] .offer-link i {
  transform: scaleX(-1);
}

/* Store badge icons read better un-mirrored; only flip generic arrows above */
html[dir="rtl"] .fa-google-play,
html[dir="rtl"] .fa-apple {
  transform: none;
}

/* Nudge Arabic numerals/suffix spacing in the stat counters */
html[dir="rtl"] .stat-suffix {
  margin-inline-start: 0.15rem;
}

/* Slightly larger line-height reads better for Arabic script */
html[dir="rtl"] .hero-subtitle,
html[dir="rtl"] .body-text,
html[dir="rtl"] .section-subtitle {
  line-height: 1.9;
}

/* Form placeholders / textarea resize handle should follow reading direction */
html[dir="rtl"] textarea.form-control {
  resize: vertical;
}