/* The three directional exceptions. Everything else flips via logical properties. */

/* 1. Hero scrim must darken whichever side the text sits on. */
[dir="rtl"] .af-hero-scrim {
  background: linear-gradient(
    270deg,
    rgba(18, 48, 63, .92) 0%,
    rgba(18, 48, 63, .72) 42%,
    rgba(18, 48, 63, .15) 100%
  );
}

/* 2. Arrows point into the reading direction: <- in Arabic, -> in English.
      The hover nudge composes with the flip, so it is restated here: a bare
      translateX would otherwise drop the scaleX and un-flip the arrow. */
[dir="ltr"] .af-svc-arrow { transform: scaleX(-1); }
[dir="ltr"] .af-svc-row:hover .af-svc-arrow { transform: scaleX(-1) translateX(-4px); }