/* ========================================================================== RTL overrides — activated by (toggled via main.js, persisted in localStorage). Mirrors layout for Arabic/Hebrew/Urdu etc. ========================================================================== */ html[dir="rtl"] body { direction: rtl; text-align: right; } html[dir="rtl"] .masthead, html[dir="rtl"] .utility-bar .container, html[dir="rtl"] .header-actions, html[dir="rtl"] .brand, html[dir="rtl"] .utility-social, html[dir="rtl"] .footer-bottom, html[dir="rtl"] .article-meta, html[dir="rtl"] .event-meta, html[dir="rtl"] .checkbox-row, html[dir="rtl"] .classified-toolbar, html[dir="rtl"] .filter-row, html[dir="rtl"] .tabs { flex-direction: row-reverse; } html[dir="rtl"] .nav-list { flex-direction: row-reverse; } html[dir="rtl"] .dropdown-menu { left: auto; right: 0; text-align: right; } html[dir="rtl"] .mobile-nav-toggle { margin-left: 0; margin-right: auto; } html[dir="rtl"] .hero-main-overlay, html[dir="rtl"] .card-sm-body { text-align: right; } html[dir="rtl"] .list-row, html[dir="rtl"] .event-card { flex-direction: row-reverse; } html[dir="rtl"] .event-card .body { padding: 16px 0 16px 16px; } html[dir="rtl"] .quote-card { border-left: none; border-right: 4px solid var(--color-crimson); flex-direction: row-reverse; } html[dir="rtl"] .section-heading { flex-direction: row-reverse; } html[dir="rtl"] .pricing-card ul, html[dir="rtl"] .rate-table th, html[dir="rtl"] .rate-table td { text-align: right; } html[dir="rtl"] .footer-grid { text-align: right; } html[dir="rtl"] .form-group label { text-align: right; } html[dir="rtl"] .icon-btn.rtl-icon svg { transform: scaleX(-1); } @media (max-width: 720px) { html[dir="rtl"] .main-nav.is-open .nav-list { left: auto; right: 0; } }