/* ============================================================
   RTL overrides — loaded ONLY when dir="rtl" (Arabic mode).
   Loaded after style.css, so these rules simply override it.
   ============================================================ */

html[dir="rtl"] body {
  font-family: 'Tajawal', 'Cairo', 'Inter', 'Roboto', system-ui, sans-serif;
}

html[dir="rtl"] .article .body,
html[dir="rtl"] .cite-box,
html[dir="rtl"] blockquote {
  font-family: 'Amiri', 'Tajawal', var(--f-serif);
}

/* Topbar */
html[dir="rtl"] .topbar a { margin-right: 0; margin-left: 10px; }

/* Brand / nav search / menu toggle */
html[dir="rtl"] .nav-search { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .menu-toggle { margin-left: 0; margin-right: auto; }

/* Submenu dropdowns */
html[dir="rtl"] .submenu { left: auto; right: 0; text-align: right; }
html[dir="rtl"] .submenu li a { padding-left: 0; padding-right: 34px; }

/* Left-accent boxes -> right-accent in RTL */
html[dir="rtl"] .info-tile,
html[dir="rtl"] .dash-card,
html[dir="rtl"] .article .body blockquote {
  border-left: none;
  border-right: 4px solid var(--primary);
}

html[dir="rtl"] .article .body ul,
html[dir="rtl"] .article .body ol {
  padding-left: 0;
  padding-right: 1.6em;
}

/* Text alignment */
html[dir="rtl"] table th,
html[dir="rtl"] table td { text-align: right; }
html[dir="rtl"] .book-card { text-align: right; }

/* Admin-style nav links (kept for shared components, admin itself stays LTR/English) */
html[dir="rtl"] .admin-nav a { margin-right: 0; margin-left: 18px; }

/* Language switch pill in the topbar */
html[dir="rtl"] .lang-switch,
.lang-switch {
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 99px;
  padding: 2px 12px;
  margin-inline-start: 10px;
}

.lang-switch-menu { white-space: nowrap; }