/* ==========================================================
   STRATEGIC INTELLIGENCE LAB - SILA 2026
   Arabic RTL Stylesheet & Typography
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Amiri:wght@700&display=swap');

html[dir="rtl"] body {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .logo-text h1,
html[dir="rtl"] .profile-title {
  font-family: 'Cairo', sans-serif;
  font-weight: 800;
}

html[dir="rtl"] .book-quote-box {
  border-left: none;
  border-right: 4px solid var(--primary);
  padding-left: 0;
  padding-right: 20px;
  font-family: 'Amiri', serif;
  font-size: 21px;
}

html[dir="rtl"] .scenario-box {
  border-left: none;
  border-right: 4px solid var(--info);
}

html[dir="rtl"] .option-card {
  text-align: right;
}

html[dir="rtl"] .notifications-drawer {
  right: auto;
  left: -360px;
  border-left: none;
  border-right: 1px solid var(--border-color);
  transition: left 0.3s ease;
}

html[dir="rtl"] .notifications-drawer.open {
  left: 0;
}

html[dir="rtl"] .modal-close {
  right: auto;
  left: 18px;
}

html[dir="rtl"] .badge-featured {
  right: auto;
  left: 20px;
}