/* RTL overrides — loaded only on ar/ non-blog pages IMPORTANT: dir="rtl" on already reverses flex row direction automatically. Never add flex-direction: row-reverse here — it double-reverses to LTR. */ [dir="rtl"] body { font-family: 'AGC', sans-serif; } /* ── Navbar ─────────────────────────────────────────────── */ /* row-reverse is NOT needed — dir=rtl auto-reverses flex row */ /* margin-left: auto from main.css already works in RTL — pushes nav-links left, away from logo */ [dir="rtl"] .nav-dropdown { left: auto; right: 0; } [dir="rtl"] .nav-dropdown li a { text-align: right; } /* ── Mobile menu ────────────────────────────────────────── */ [dir="rtl"] .mobile-menu > a, [dir="rtl"] .mobile-group-label, [dir="rtl"] .mobile-group-items-inner a { font-family: 'AGC', sans-serif; } [dir="rtl"] .mobile-close-btn { right: auto; left: 20px; } /* ── Hero ───────────────────────────────────────────────── */ [dir="rtl"] #hero-content { text-align: right; direction: rtl; padding: var(--nav-h) 5% 48px 54%; } [dir="rtl"] .hero-tagline { letter-spacing: 2px; direction: rtl; } [dir="rtl"] .hero-ctas { direction: rtl; justify-content: flex-start; } [dir="rtl"] .hero-checks { direction: rtl; justify-content: flex-start; } @media (max-width: 768px) { [dir="rtl"] #hero-content { order: 1; text-align: right; align-items: flex-start; padding: var(--nav-h) 16px 32px 24px; justify-content: center; } [dir="rtl"] .hero-ctas { flex-direction: row; justify-content: flex-start; } [dir="rtl"] .hero-checks { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; opacity: 1; transform: none; } } /* ── Floating buttons ───────────────────────────────────── */ [dir="rtl"] .float-wa { right: auto; left: 24px; } [dir="rtl"] .float-top { left: auto; right: 24px; } [dir="rtl"] .wa-popup { right: auto; left: 16px; transform-origin: bottom left; } [dir="rtl"] .wa-popup-option { text-align: right; } /* ── Section headings ───────────────────────────────────── */ [dir="rtl"] .section-label { letter-spacing: 1px; } [dir="rtl"] .section-title { text-align: right; } [dir="rtl"] .section-desc { text-align: right; } /* ── Service cards ──────────────────────────────────────── */ [dir="rtl"] .service-card-body { text-align: right; } [dir="rtl"] .service-card-link { justify-content: flex-end; } [dir="rtl"] .service-card-link::after { transform: scaleX(-1); } /* ── Why cards ──────────────────────────────────────────── */ [dir="rtl"] .why-card { text-align: right; } /* ── Sub-services ───────────────────────────────────────── */ [dir="rtl"] .sub-card div { text-align: right; } /* ── Process ────────────────────────────────────────────── */ [dir="rtl"] .process-step { text-align: right; } [dir="rtl"] .process-step::after { right: auto; left: -16px; } /* ── Service overview ───────────────────────────────────── */ [dir="rtl"] .service-overview { text-align: right; } [dir="rtl"] .service-overview p { text-align: right; } /* ── FAQ ────────────────────────────────────────────────── */ [dir="rtl"] .faq-question { direction: rtl; text-align: right; } [dir="rtl"] .faq-answer { direction: rtl; } [dir="rtl"] .faq-answer p { text-align: right; } /* ── CTA ────────────────────────────────────────────────── */ [dir="rtl"] .cta-group { direction: rtl; } [dir="rtl"] .service-cta { text-align: right; } /* ── Contact page ───────────────────────────────────────── */ [dir="rtl"] .contact-header { text-align: right; } [dir="rtl"] .contact-card { text-align: right; } [dir="rtl"] .reach-card { text-align: right; } [dir="rtl"] .reach-card h3 { text-align: right; } [dir="rtl"] .reach-card p { text-align: right; } /* ── Footer ─────────────────────────────────────────────── */ [dir="rtl"] .footer-grid { direction: rtl; } [dir="rtl"] .footer-tagline { text-align: right; } [dir="rtl"] .footer-about { text-align: right; } [dir="rtl"] .footer-col h4 { text-align: right; letter-spacing: 1px; } [dir="rtl"] .footer-col ul li { text-align: right; } [dir="rtl"] .footer-contact-item { text-align: right; } [dir="rtl"] .footer-social { justify-content: flex-start; } /* ── Legal pages ────────────────────────────────────────── */ [dir="rtl"] .legal-page { text-align: right; } [dir="rtl"] .legal-page ul { padding-left: 0; padding-right: 24px; } /* ── Breadcrumb ─────────────────────────────────────────── */ [dir="rtl"] .breadcrumb { direction: rtl; } /* ── Service hero ───────────────────────────────────────── */ [dir="rtl"] .service-hero-content { text-align: right; } /* ── Related articles ───────────────────────────────────── */ [dir="rtl"] .related-cat { text-align: right; } [dir="rtl"] .related-item-title { text-align: right; } [dir="rtl"] .related-cta { text-align: right; } /* ── Typography ─────────────────────────────────────────── */ [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { font-family: 'AGC', sans-serif; font-weight: 700; } [dir="rtl"] p, [dir="rtl"] li, [dir="rtl"] a, [dir="rtl"] span { font-family: 'AGC', sans-serif; } [dir="rtl"] .btn-primary, [dir="rtl"] .btn-secondary, [dir="rtl"] .btn-quote { font-family: 'AGC', sans-serif; letter-spacing: 0.5px; }