/* ─────────────────────────────────────────────────────────────
   RTL OVERRIDES  —  Layout corrections for Arabic (dir="rtl")
   All font/color changes are handled via token.css variables.
   This file only corrects directional layout assumptions.
   ───────────────────────────────────────────────────────────── */

/* ── Global ──────────────────────────────────────────────────── */
html[dir="rtl"] body { text-align: right; }

/* Ensure inline-start/end is used for all padding where needed */
html[dir="rtl"] .form-label .req { margin-inline-start: 2px; margin-inline-end: 0; }

/* ── Navigation ──────────────────────────────────────────────── */
/* .nav-inner and .nav-links mirror on their own under dir="rtl" — a row-reverse here
   would flip them back to LTR order (logo on the left). */
/* Keep nav link text centered — body sets text-align:right which skews short labels */
html[dir="rtl"] .nav-links a,
html[dir="rtl"] .nav-links button { text-align: center; }
html[dir="rtl"] .trust-bar-inner { flex-direction: row-reverse; }

/* ── Hero ────────────────────────────────────────────────────── */
html[dir="rtl"] .hero-inner { direction: rtl; }
html[dir="rtl"] .hero-actions { flex-direction: row-reverse; }
html[dir="rtl"] .hero-testimonial-author { flex-direction: row-reverse; }
html[dir="rtl"] .hero-stat-item { direction: rtl; }

/* ── How it Works ────────────────────────────────────────────── */
html[dir="rtl"] .hiw-steps { direction: rtl; }

/* ── Values ──────────────────────────────────────────────────── */
html[dir="rtl"] .value-card { direction: rtl; }

/* ── Footer ──────────────────────────────────────────────────── */
html[dir="rtl"] .footer-top    { flex-direction: row-reverse; }
html[dir="rtl"] .footer-bottom { flex-direction: row-reverse; }
html[dir="rtl"] .footer-links-col ul { padding-inline-start: 0; }

/* ── Form ────────────────────────────────────────────────────── */
html[dir="rtl"] .form-nav { flex-direction: row-reverse; }
html[dir="rtl"] .form-row { direction: rtl; }
html[dir="rtl"] .radio-text-title,
html[dir="rtl"] .radio-text-desc { text-align: right; }
html[dir="rtl"] .char-counter { justify-content: flex-start; }

/* ── Dashboard ───────────────────────────────────────────────── */
html[dir="rtl"] .dashboard-header-inner { flex-direction: row-reverse; }
html[dir="rtl"] .event-card-header { flex-direction: row-reverse; }
html[dir="rtl"] .event-meta { flex-direction: row-reverse; }
html[dir="rtl"] .event-meta-item { flex-direction: row-reverse; }
html[dir="rtl"] .event-card-footer { flex-direction: row-reverse; }
html[dir="rtl"] .rsvp-confirmed { flex-direction: row-reverse; }
html[dir="rtl"] .etiquette-item { flex-direction: row-reverse; }
html[dir="rtl"] .countdown-timer { flex-direction: row-reverse; }

/* ── Portal ──────────────────────────────────────────────────── */
html[dir="rtl"] .portal-info-card { flex-direction: row-reverse; }
html[dir="rtl"] .portal-selection-status { flex-direction: row-reverse; }
html[dir="rtl"] .selection-pill { flex-direction: row-reverse; }
html[dir="rtl"] .portal-submitted-actions { flex-direction: row-reverse; }

/* ── Buttons — flip arrows ───────────────────────────────────── */
html[dir="rtl"] .btn svg { transform: scaleX(-1); }
html[dir="rtl"] .hero-link-secondary svg { transform: scaleX(-1); }

/* ── Quick stats ─────────────────────────────────────────────── */
html[dir="rtl"] .quick-stats { direction: rtl; }

/* ── Story Page ──────────────────────────────────────────────── */
html[dir="rtl"] .story-hero-stat-row { flex-direction: row-reverse; }
html[dir="rtl"] .challenge-inner     { direction: rtl; }
html[dir="rtl"] .pillars-grid        { direction: rtl; }
html[dir="rtl"] .methodology-grid    { direction: rtl; }
html[dir="rtl"] .profile-actions     { flex-direction: row-reverse; }
html[dir="rtl"] .reflection-notice   { flex-direction: row-reverse; }

/* ── Payment Modal ───────────────────────────────────────────── */
html[dir="rtl"] .pm-card-row         { flex-direction: row-reverse; }
html[dir="rtl"] .pm-field label      { text-align: right; }
html[dir="rtl"] .pm-field input      { text-align: right; direction: ltr; } /* card numbers stay LTR */
html[dir="rtl"] .pm-success-inner    { direction: rtl; }
html[dir="rtl"] .pm-pseudo-reveal    { direction: rtl; }

/* ── Admin Panel ─────────────────────────────────────────────── */
html[dir="rtl"] .admin-header-inner  { flex-direction: row-reverse; }
html[dir="rtl"] .admin-tabs          { flex-direction: row-reverse; }
html[dir="rtl"] .admin-stats-grid    { direction: rtl; }
html[dir="rtl"] .admin-table th,
html[dir="rtl"] .admin-table td      { text-align: right; }
html[dir="rtl"] .admin-table-actions { flex-direction: row-reverse; }
html[dir="rtl"] .admin-filter-bar    { flex-direction: row-reverse; }
html[dir="rtl"] .content-block-row   { direction: rtl; }
html[dir="rtl"] .admin-modal-footer  { flex-direction: row-reverse; }