/* ========================================================================== ELIAN GLOBAL LOGISTICS — Arabic / RTL overrides Loaded after style.css on pages with ========================================================================== */ html[lang="ar"] body, html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] .eyebrow, html[lang="ar"] .footer-col h4, html[lang="ar"] .service-number, html[lang="ar"] .product-card .spec, html[lang="ar"] .breadcrumb, html[lang="ar"] .trust-bar .item, html[lang="ar"] .btn, html[lang="ar"] .hero-stat-card strong, html[lang="ar"] .split-media .badge { font-family: "Tajawal", "Segoe UI", Tahoma, sans-serif; } /* Arabic script is cursive/joined — Latin letter-spacing and case transforms break glyph joining, so neutralize them site-wide. */ html[lang="ar"] * { letter-spacing: 0 !important; } html[lang="ar"] .eyebrow, html[lang="ar"] .footer-col h4 { text-transform: none; } html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4 { font-weight: 700; } /* Absolutely-positioned elements don't auto-mirror under dir=rtl */ html[dir="rtl"] .skip-link { left: auto; right: -999px; border-radius: 0 0 0 8px; } html[dir="rtl"] .skip-link:focus { right: 0; } html[dir="rtl"] .split-media .badge { left: auto; right: 20px; } /* Directional chevron/arrow icons should point toward reading direction */ html[dir="rtl"] .card-link svg, html[dir="rtl"] .btn-icon svg, html[dir="rtl"] .service-nav a svg { transform: scaleX(-1); }