/* app.rtl.css — Persian (fa) RTL overrides only.
   app.css is loaded first by the layout template; this file adds overrides. */

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;
}

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

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

/* ── User panel sidebar (app-shell) ─────────────────────────────────────── */
/* .app-sidebar uses inset-inline-start:0 so it auto-flips to the right in
   RTL. .app-body uses margin-inline-start so it shifts left in RTL.
   No physical-property overrides needed. */

html[dir="rtl"] .sb-logo-name,
html[dir="rtl"] .sb-project-name,
html[dir="rtl"] .sb-user-name {
  letter-spacing: 0;
}

/* Mobile slide: sidebar enters from inline-start (right in RTL) */
html[dir="rtl"] .app-sidebar {
  inset-inline-start: calc(-1 * var(--sb-w, 240px));
}
html[dir="rtl"] .app-sidebar--open {
  inset-inline-start: 0;
}