/* =====================================================
   Bayut Ajmal — RTL refinements
   The codebase already uses logical properties (inset-inline, padding-inline, etc.)
   so most rules flip automatically. These are visual fixes for elements
   that need direction-aware rotation or icon flips.
   ===================================================== */

html[dir="rtl"], .is-rtl {
  /* slightly looser line height suits Arabic glyphs */
  --lh-body: 1.95;
}

.is-rtl body { font-family: var(--ff-arabic); }

/* Flip arrows in directional buttons */
.is-rtl .btn svg.arrow,
.is-rtl .btn-link svg { transform: scaleX(-1); }

/* Tile zoom-out icon mirror */
.is-rtl .tile::after { content: "↖"; }

/* Marquee direction reversed (declared in sections.css). */

/* Numbers in process cards: keep latin numerals readable, no italic flip needed */
.is-rtl .process__step .num,
.is-rtl .stats__num,
.is-rtl .hero__badge .num {
  font-style: italic;
  unicode-bidi: isolate;
  direction: ltr;
}

/* Decorative kicker bar starts on the right side in RTL */
.is-rtl .hero__kicker::before { order: 1; }

/* Form label alignment */
.is-rtl .field label,
.is-rtl .frm_form_field > label,
.is-rtl .frm_primary_label { text-align: right; }
.is-rtl input, .is-rtl textarea { text-align: right; }