/* DISLIX — RTL overrides not covered by CSS logical properties.
   Most spacing/alignment already flips automatically via margin-inline-*,
   padding-inline-*, text-align:start/end used throughout the other files. */

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

/* Directional icons that must visually mirror (arrows, chevrons) */
[dir="rtl"] .icon-arrow,
[dir="rtl"] .icon-chevron {
  transform: scaleX(-1);
}

/* Numbers must stay Western Arabic numerals (٠-٩ must never appear) —
   enforced by NOT using Intl number formatting with an 'ar' locale in JS;
   this rule is a safety net forcing LTR number rendering inside RTL text. */
[dir="rtl"] .numeral {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* FAQ icon rotation direction stays visually identical in RTL (rotation is
   not directional), no override needed — listed here for documentation. */