/* ===================================
   BrainWave - RTL Stylesheet (Arabic)
   Loaded dynamically when lang = 'ar'
   =================================== */

/* ── Base RTL ─────────────────────────────────────────────── */
body {
  font-family: 'Inter', 'Segoe UI', Tahoma, Arial, sans-serif;
  text-align: right;
}

/* ── Navbar ───────────────────────────────────────────────── */
.navbar-content,
.nav-links,
.nav-buttons {
  flex-direction: row-reverse;
}

/* ── Auth cards ───────────────────────────────────────────── */
.auth-message {
  border-left: none;
  border-right: 4px solid;
}

.auth-message.error  { border-right-color: #dc2626; }
.auth-message.success{ border-right-color: #16a34a; }

.forgot-password { text-align: left; }

/* ── Dashboard ────────────────────────────────────────────── */
.section-header,
.navbar-content,
.plan-banner,
.stat-header,
.course-header,
.quiz-progress,
.quiz-actions,
.modal-header,
.activity-item,
.session-header {
  flex-direction: row-reverse;
}

.course-actions { direction: rtl; }

/* ── Progress bar (keep left-to-right fill) ───────────────── */
.progress-bar { direction: ltr; }

/* ── Chat ─────────────────────────────────────────────────── */
.chat-input-container { flex-direction: row-reverse; }

.user-message  { margin-left: auto; margin-right: 0; border-radius: 18px 4px 18px 18px; }
.ai-message    { margin-right: auto; margin-left: 0; border-radius: 4px 18px 18px 18px; }

/* ── Forms ────────────────────────────────────────────────── */
.form-input,
.form-select,
.form-textarea {
  text-align: right;
  direction: rtl;
}

/* ── Alerts ───────────────────────────────────────────────── */
.alert {
  right: auto;
  left: 1rem;
}

/* ── Results card ─────────────────────────────────────────── */
.results-stats { direction: rtl; }

/* ── Plan features list ───────────────────────────────────── */
.plan-features { text-align: right; }

/* ── Empty state ──────────────────────────────────────────── */
.empty-state { text-align: center; }

/* ── Badges ───────────────────────────────────────────────── */
.plan-badge { margin-left: 0; margin-right: 0.5rem; }