/* -----------------------------------------------------------------
   RTL overrides — loaded only when current_dir() === 'rtl' (Farsi).
   Keep this file additive: don't duplicate rules from style.css,
   just override the handful that break when text direction flips.
------------------------------------------------------------------ */

[dir="rtl"] body {
  font-family: "Vazirmatn", var(--f1), sans-serif;
}

/* Icons and the Font Awesome glyphs should never mirror */
[dir="rtl"] .fa-solid,
[dir="rtl"] .fa-regular,
[dir="rtl"] .fa-brands {
  direction: ltr;
  display: inline-block;
}

/* Bootstrap's RTL build already flips most spacing utilities and the grid,
   but a few hand-written positions in style.css / responsive.css use
   left/right instead of start/end. Add fixes here as you spot them, e.g.: */

/* [dir="rtl"] .joined { text-align: right; } */