/* app.rtl.css — Persian (fa) RTL overrides; imports base */
@import "app.css";

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

/* Logical properties handle most mirroring automatically.
   Only non-logical overrides listed here. */

html[dir="rtl"] .navbar-brand {
  letter-spacing: 0; /* Persian text needs no extra tracking */
}

html[dir="rtl"] table[data-mobile="cards"] td {
  flex-direction: row-reverse;
}

html[dir="rtl"] .form-control {
  text-align: right;
}