/* ===== GLOBAL-AR.CSS ===== RTL overrides for Arabic pages Loaded in addition to global.css on all /ar/ pages ================================================= */ /* Arabic font via Google Fonts (loaded by page ) */ body, p, li, td, th, label, .form-input, .form-select, .form-textarea { font-family: 'Noto Naskh Arabic', 'Noto Sans Arabic', serif; font-size: 1.05rem; line-height: 1.9; } h1, h2, h3, h4, h5, h6, .section-title, .footer__nav-title, .agency-card__name, .glossary-term dt { font-family: 'Noto Naskh Arabic', serif; letter-spacing: 0; } /* RTL nav */ .nav-list { flex-direction: row-reverse; } .site-nav.is-open .nav-list { flex-direction: column; } /* Agency cards: flip border side */ .agency-card { border-left: none; border-right: 4px solid var(--gold); } .agency-card:hover { border-right-color: var(--gold-light); border-left: none; } /* Editorial note: flip border side */ .info-box, .editorial-note { border-left: none; border-right: 3px solid var(--gold); } /* Glossary terms: flip border side */ .glossary-term dd { padding-left: 0; padding-right: var(--space-4); border-left: none; border-right: 2px solid var(--border-subtle); } /* Breadcrumb */ .breadcrumb { flex-direction: row-reverse; } /* Table text alignment */ .ranking-table th, .ranking-table td { text-align: right; } .col-rank { text-align: center; } /* Footer grid: column order */ .footer__grid { direction: rtl; } /* FAQ summary: push +/- to left in RTL */ .faq-summary { flex-direction: row-reverse; } /* Criteria cards: flip icon alignment */ .criteria-card__icon { margin-right: 0; margin-left: var(--space-4); } /* Form select: flip arrow */ .form-select { background-position: left 1rem center; padding-right: var(--space-4); padding-left: 2.5rem; } /* Criteria table alignment */ .criteria-table th, .criteria-table td { text-align: right; } /* Hero content alignment */ .hero__inner { text-align: right; } /* Skyline: flip to left side for RTL */ .hero__skyline { right: auto; left: 0; flex-direction: row-reverse; } .hero__skyline::before { left: auto; right: 0; background: linear-gradient(to left, var(--navy), transparent); } /* Stats bar */ .hero__stats { flex-direction: row-reverse; } /* Prose */ .prose ul, .prose ol { padding-left: 0; padding-right: var(--space-6); }