/* ============================================================ RTL OVERRIDES — Arabic Language Support Applied when dir="rtl" is set on ============================================================ */ [dir="rtl"] { text-align: right; } /* Typography */ [dir="rtl"] body, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6, [dir="rtl"] p, [dir="rtl"] a, [dir="rtl"] li, [dir="rtl"] button, [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select { font-family: 'Cairo', sans-serif; letter-spacing: 0; } /* Navbar */ /* dir="rtl" on makes flex-direction:row flow right-to-left naturally. No row-reverse needed — that would double-reverse back to LTR. */ [dir="rtl"] .navbar__logo { text-align: right; align-items: flex-start; } [dir="rtl"] .navbar__mobile-link { text-align: right; } /* Hero */ [dir="rtl"] .hero__content { text-align: right; } [dir="rtl"] .hero__ctas { flex-direction: row-reverse; justify-content: flex-start; } [dir="rtl"] .hero__stats { flex-direction: row-reverse; } [dir="rtl"] .hero__badge { flex-direction: row-reverse; } /* Buttons */ [dir="rtl"] .btn { flex-direction: row-reverse; } /* Cards */ [dir="rtl"] .card__meta { flex-direction: row-reverse; } [dir="rtl"] .card__meta-item { flex-direction: row-reverse; } /* Section header */ [dir="rtl"] .section__header { direction: rtl; } /* Services bento */ [dir="rtl"] .services-bento { direction: rtl; } /* Footer */ [dir="rtl"] .footer__grid { direction: rtl; } [dir="rtl"] .footer__link { flex-direction: row-reverse; justify-content: flex-end; } [dir="rtl"] .footer__link:hover { padding-left: 0; padding-right: 4px; } [dir="rtl"] .footer__contact-item { flex-direction: row-reverse; } [dir="rtl"] .footer__social { flex-direction: row-reverse; } [dir="rtl"] .footer__bottom { flex-direction: row-reverse; } /* Breadcrumb */ [dir="rtl"] .breadcrumb { flex-direction: row-reverse; } [dir="rtl"] .breadcrumb__sep { transform: scaleX(-1); display: inline-block; } /* Form */ [dir="rtl"] .form-control { text-align: right; } /* Alert */ [dir="rtl"] .alert { flex-direction: row-reverse; } /* Pagination */ [dir="rtl"] .pagination { flex-direction: row-reverse; } /* Page header */ [dir="rtl"] .page-header { direction: rtl; } /* Reveal animations keep symmetrical */ [dir="rtl"] .reveal--left { transform: translateX(28px); } [dir="rtl"] .reveal--right { transform: translateX(-28px); } /* Trust strip */ [dir="rtl"] .trust-strip__grid { direction: rtl; } /* Hero stats */ [dir="rtl"] .hero__image-badge { left: auto; right: -16px; } /* Grid direction */ [dir="rtl"] .grid { direction: rtl; } /* Service card */ [dir="rtl"] .service-card { direction: rtl; } /* Arabic font size adjustments (Cairo reads slightly larger) */ [dir="rtl"] h1 { font-size: clamp(1.85rem, 4.5vw, 3.25rem); } [dir="rtl"] h2 { font-size: clamp(1.35rem, 3vw, 2.25rem); } /* Specific Arabic line-height improvement */ [dir="rtl"] p, [dir="rtl"] .card__excerpt, [dir="rtl"] .footer__brand-desc, [dir="rtl"] .service-card__desc { line-height: 1.9; }