/* shared-rtl.css -- Arabic (RTL) layout overrides for Region Alert */ /* Loaded only when */ /* ── Base direction ── */ body { direction: rtl; text-align: right; } /* ── Navigation ── */ .container-nav { flex-direction: row-reverse; } .logo-box { flex-direction: row-reverse; } .logo-text { text-align: right; } .nav-links { flex-direction: row-reverse; } /* ── Mobile menu ── */ .mobile-menu { right: 0; left: auto; text-align: right; } /* ── Footer ── */ .footer-nav { flex-direction: row-reverse; } @media (min-width: 768px) { .footer-bottom { flex-direction: row-reverse; text-align: right; } } /* ── Report cards (r-* classes from publisher) ── */ .r-card { text-align: right; } .r-card-title { text-align: right; } .r-alert { text-align: right; } .r-alert-meta { flex-direction: row-reverse; } .r-status-row { flex-direction: row-reverse; } .r-status-label { text-align: right; } .r-badge { margin-left: 0; margin-right: auto; } /* ── KPI grid ── */ .r-kpi-grid { direction: rtl; } .r-kpi-item { text-align: center; /* KPIs stay centered */ } /* ── Timeline ── */ .r-timeline-item { text-align: right; flex-direction: row-reverse; } .r-timeline-date { margin-left: 12px; margin-right: 0; } /* ── Two-column grid ── */ .r-two-col { direction: rtl; } /* ── Header meta ── */ .r-header-meta { text-align: right; } /* ── GEO intro ── */ .r-geo-intro { text-align: right; } /* ── GEO table ── */ .r-geo-table th, .r-geo-table td { text-align: right; } /* ── Sources section ── */ .r-sources { text-align: right; } /* ── Email CTA ── */ .r-email-cta { text-align: right; } .r-email-cta-form { flex-direction: row-reverse; } .r-email-cta-form input { text-align: right; } /* ── CTA boxes ── */ .r-cta-box { text-align: right; } /* ── Author box ── */ .r-author-box { text-align: right; flex-direction: row-reverse; } /* ── Language switcher ── */ .lang-switcher { margin-left: 0; margin-right: auto; } /* ── Sector briefings ── */ .r-sector-card { text-align: right; } /* ── Related links ── */ .r-related-links { text-align: right; } /* ── Gated section ── */ .r-gated { text-align: right; } /* ── Intel coverage ── */ .r-intel-coverage { text-align: right; } /* ── Breadcrumb ── */ .breadcrumb-list { flex-direction: row-reverse; }