/* RTL overrides — loaded only when is_rtl is true.
   Mirrors layout-sensitive properties from style.css for Arabic. */

body { direction: rtl; text-align: right; }

/* ── Nav ──────────────────────────────────────────────── */
/* Don't reverse flex-direction — it breaks margin:auto spacers.
   Instead, mirror the nav-brand position only. */
.nav-brand { margin-right: 0; margin-left: auto; order: -1; }

/* ── Tables ───────────────────────────────────────────── */
table { direction: rtl; }
th, td { text-align: right; }

/* ── Forms ────────────────────────────────────────────── */
label { text-align: right; }
.checkbox-row { flex-direction: row-reverse; justify-content: flex-end; }

/* ── Cards / headers ──────────────────────────────────── */
.card-header { flex-direction: row-reverse; }
.page-header { text-align: right; }

/* ── Alerts ───────────────────────────────────────────── */
.alert { flex-direction: row-reverse; text-align: right; }

/* ── Buttons / action groups stay in logical order; only alignment flips ── */
.alloc-form { justify-content: flex-end; }

/* ── Game cards ───────────────────────────────────────── */
.game-card-top, .game-meta { text-align: right; }

/* ── Stats grid stays LTR-numeric — numbers read the same either way ── */
.stat-card { text-align: right; }

/* ── Auth pages ───────────────────────────────────────── */
.auth-header, .auth-body { text-align: right; }
.auth-logo { text-align: center; } /* logo stays centered regardless of direction */

/* ── Empty state stays centered regardless of direction ── */
.empty-state { text-align: center; }