/* =========================================================================
   RTL — overrides for Arabic
   Most layout is logical-property-aware (inset-inline, padding-inline, etc.)
   This file handles directional-affirmative tweaks (icons, arrows, gradients).
   ========================================================================= */

:root[dir="rtl"] body {
  font-feature-settings: "kern";
}

/* Mirror arrows / chevrons that should reverse */
:root[dir="rtl"] .btn__arrow,
:root[dir="rtl"] [data-rtl-mirror] {
  transform: scaleX(-1);
}

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

/* Hero copy should align to the right naturally — already RTL via logical props */

/* Lang picker menu should still align to the inline-end (right in LTR, left in RTL) — works automatically */

/* Form select arrow position is reset in components.css */