/**
 * rtl.css
 * Direction-aware overrides only. Base rules stay logical-property-first
 * (margin-inline, not margin-left) wherever possible so this file is
 * as small as it can be — it exists for the handful of cases that
 * genuinely need a direction check, like mirrored icons.
 */

html[dir='rtl'] .icon-mirror-rtl {
  transform: scaleX(-1);
}

html[dir='ltr'] .font-display {
  font-family: var(--font-display);
}

/* Number/date fields (ratings, runtime, years) always render LTR even
   inside an RTL page, since digits and Gregorian dates read left-to-right */
.force-ltr {
  direction: ltr;
  unicode-bidi: isolate;
}