/* Wedding Hall OS — RTL Overrides */
[dir="rtl"] body { font-family: 'Tajawal', 'IBM Plex Sans Arabic', system-ui, sans-serif; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
  font-weight: 700;
}
[dir="rtl"] .brand-name { font-weight: 700; }
[dir="rtl"] .stat-card .value,
[dir="rtl"] .dashboard-preview .stat .value,
[dir="rtl"] .invitation-card .couple { font-family: 'Tajawal', serif; font-weight: 700; }
[dir="rtl"] .invitation-card .countdown .num { font-family: 'Tajawal', sans-serif; }
[dir="rtl"] .nav-links a,
[dir="rtl"] .side-item,
[dir="rtl"] .demo-nav a { font-weight: 500; }

/* Flip icons that have implicit direction */
[dir="rtl"] .icon-flip { transform: scaleX(-1); }
[dir="rtl"] .icon-arrow { transform: scaleX(-1); }

/* Bullet point flipping for lists */
[dir="rtl"] .pricing-card ul li::before { content: "✓"; }
[dir="rtl"] .feature-icon,
[dir="rtl"] .stat-card .label,
[dir="rtl"] .feature-card p,
[dir="rtl"] .pricing-card ul li { text-align: right; }

/* Auth side inversion on RTL — image goes left, form goes right */
@media (min-width: 901px) {
  [dir="rtl"] .auth-page { flex-direction: row-reverse; }
}

/* Sidebar in RTL stays on the right (which is the natural reading side) */
[dir="rtl"] .app-shell { flex-direction: row-reverse; }

/* Pill alignment */
[dir="rtl"] .pill-mini { letter-spacing: 0; }

/* Notice — border moves to the right */
[dir="rtl"] .notice { border-left: none; border-right: 3px solid var(--accent); }

/* Dashboard tables — text alignment natural */
[dir="rtl"] th, [dir="rtl"] td { text-align: right; }

/* Pipeline stage name alignment */
[dir="rtl"] .pipeline-stage .name { text-align: right; }

/* Countdown layout */
[dir="rtl"] .countdown { flex-direction: row; }

/* Topbar */
[dir="rtl"] .app-topbar { flex-direction: row-reverse; }

/* Page header */
[dir="rtl"] .page-header { flex-direction: row-reverse; }

/* Form group labels */
[dir="rtl"] .form-group { text-align: right; }
[dir="rtl"] .form-group label { text-align: right; }

/* Buttons — keep content centered normally */