/* Right-to-left overrides — applied only when <html dir="rtl"> (Arabic, later Urdu).
 *
 * Hand-authored raw CSS so it needs no Tailwind rebuild. This covers the app
 * SHELL (typography direction, reading alignment, auto-margins). Per-screen
 * mirroring is converted to Tailwind logical properties (ms-/me-/ps-/pe-/
 * start-/end-) as each screen is touched — see docs/EXECUTION_PLAN.md §1.4.
 * A build-time RTL pass (rtlcss / postcss-rtlcss over the compiled Tailwind
 * output) is the long-term way to mirror every physical utility at once.
 */

/* Arabic-capable type; keep Inter for Latin fallback. */
[dir="rtl"] body {
  font-family: "Noto Sans Arabic", "Inter", system-ui, -apple-system, sans-serif;
}

/* Text alignment follows the reading direction. */
[dir="rtl"] .text-left  { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }

/* Auto-margins used to push an element to the far side flip too. */
[dir="rtl"] .ml-auto { margin-left: 0; margin-right: auto; }
[dir="rtl"] .mr-auto { margin-right: 0; margin-left: auto; }

/* List markers and number alignment. */
[dir="rtl"] ul, [dir="rtl"] ol { padding-right: 1.25rem; padding-left: 0; }