/* ============================================================ RTL / Arabic overrides. Scoped entirely under [dir="rtl"] so this file has zero effect on the default English/LTR layout. Flex/grid item order mirrors automatically once is set (native browser behaviour) — the rules below only cover what does NOT mirror automatically: physical left/right offsets, explicit text-align:left, directional glyphs, and Arabic typography. ============================================================ */ [dir="rtl"] body, [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select, [dir="rtl"] button { font-family: 'Tajawal', 'Source Sans 3', sans-serif; } [dir="rtl"] { text-align: right; } /* Numerals, emails, phone numbers and URLs stay left-to-right for readability. */ [dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"], [dir="rtl"] input[type="url"], [dir="rtl"] .ltr-field, [dir="rtl"] a[href^="mailto:"], [dir="rtl"] a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; text-align: right; } /* Logo / brand mark never mirrors */ [dir="rtl"] .logo, [dir="rtl"] .logo-mark { direction: ltr; } /* ---- Nav ---- */ [dir="rtl"] .nav-links a { text-align: right; } [dir="rtl"] .nav-toggle { margin-right: 0; } [dir="rtl"] .lang-toggle-icon { margin-inline-end: 0; margin-inline-start: 0.4rem; } /* ---- Suite of Services list (left accent bar + left-aligned button text) ---- */ [dir="rtl"] .suite-item { text-align: right; } [dir="rtl"] .suite-item::before { left: auto; right: 0; } /* ---- Decorative absolutely-positioned accents ---- */ [dir="rtl"] .ai-section::before { right: auto; left: -8%; } [dir="rtl"] .svc-num { right: auto; left: 1.35rem; } [dir="rtl"] .pc-kind { left: auto; right: 1rem; } [dir="rtl"] .pc-num { right: auto; left: 0.9rem; } /* ---- Hero slider controls ---- */ [dir="rtl"] .hero-slider-prev { left: auto; right: 1.5rem; } [dir="rtl"] .hero-slider-next { right: auto; left: 1.5rem; } [dir="rtl"] .hero-slider-arrow { transform: translateY(-50%) scaleX(-1); } /* ---- Cookie consent banner ---- */ [dir="rtl"] .cookie-consent { text-align: right; } /* ---- Generic forward-motion arrow glyphs inside CTAs (→ / ←) ---- */ [dir="rtl"] .btn-primary, [dir="rtl"] .btn-secondary, [dir="rtl"] .pc-visit { direction: rtl; } /* ---- Footer bottom row: legal links + copyright reverse order gracefully ---- */ [dir="rtl"] .footer-bottom { text-align: right; } [dir="rtl"] .footer-tags span::after, [dir="rtl"] .footer-tags a::after { margin-left: 0; margin-right: 1rem; } /* ---- Language toggle button ---- */ [dir="rtl"] .lang-toggle svg { transform: scaleX(-1); }