/* Arabic / RTL overrides - loaded only on /ar/ pages, on top of site.css */

html[dir="rtl"] body {
  font-family: 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .btn,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] label,
html[dir="rtl"] .role,
html[dir="rtl"] .arole,
html[dir="rtl"] nav a {
  font-family: 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif;
}
html[dir="rtl"] h1, html[dir="rtl"] h2 { font-weight: 700; }
html[dir="rtl"] * { letter-spacing: 0 !important; word-spacing: 0 !important; }

/* Decorative concentric-circle SVGs: mirror the side they sit on so the
   page still reads as "weighted" toward the start of the RTL line. */
html[dir="rtl"] .hero-arcs { right: auto; left: -12vw; }
html[dir="rtl"] .hero-arcs-b { left: auto; right: -22vw; }
html[dir="rtl"] .ph-arcs { right: auto; left: -14vw; }
html[dir="rtl"] .dk-arcs { right: auto; left: -16vw; }
html[dir="rtl"] .nl-arcs { right: auto; left: -12%; }
html[dir="rtl"] .report-tile svg { right: auto; left: -34%; }

/* Directional borders/padding that don't flip automatically */
html[dir="rtl"] .band .item { border-left: 0; border-right: 1px solid rgba(199,155,232,0.14); }
html[dir="rtl"] .band .item:first-child { border-right: 0; padding-right: 0; }
@media (max-width: 640px) {
  html[dir="rtl"] .band .item:nth-child(odd) { border-right: 0; padding-right: 0; }
}
html[dir="rtl"] .card::before { left: auto; right: 0; }
html[dir="rtl"] table.mp th { text-align: right; }
html[dir="rtl"] .member { text-align: right; }
html[dir="rtl"] .stage-meta .detail li { padding-left: 0; padding-right: 22px; }
html[dir="rtl"] .stage-meta .detail li::before { left: auto; right: 0; }
html[dir="rtl"] select { background-position: left 14px center; padding-right: 14px; padding-left: 36px; }
html[dir="rtl"] .li-badge { margin-left: 0; margin-right: 7px; }
html[dir="rtl"] .nav-lang-switch { border-left: 0; border-right: 1px solid rgba(255,255,255,0.25); padding-left: 0; padding-right: 18px; margin-left: 0; margin-right: 2px; }