/* RTL + Arabic typography overrides.
   Loaded only on /ar/ pages, after css/global.css and header/header.css.
   Kept as a separate file so the English/French (LTR) site is never touched. */

:root {
  --font-body: "Tajawal", "Cairo", Arial, sans-serif;
  --font-heading: "Cairo", "Tajawal", Arial, sans-serif;
  --font-arabic: "Cairo", "Tajawal", Arial, sans-serif;
}

html[dir="rtl"] body { letter-spacing: 0; }

/* Header */
[dir="rtl"] .primary-nav { margin-left: 0; margin-right: auto; }
[dir="rtl"] .nav-link::after { transform-origin: left; }
[dir="rtl"] .nav-link:hover::after,
[dir="rtl"] .nav-link.active::after { transform-origin: right; }
[dir="rtl"] .mega-menu a::after { content: "\2039"; }
[dir="rtl"] .mega-menu a:hover { padding-left: 22px; padding-right: 27px; }
[dir="rtl"] .service-audience-trigger { text-align: right; }
[dir="rtl"] .service-audience-trigger:hover,
[dir="rtl"] .service-audience-trigger:focus-visible,
[dir="rtl"] .service-audience-item.is-active > .service-audience-trigger { padding-left: 22px; padding-right: 27px; }
[dir="rtl"] .service-submenu { left: auto; right: calc(100% + 1px); box-shadow: -24px 28px 54px rgba(0,18,35,.16); transform: translateX(-8px); }
[dir="rtl"] .service-audience-item.is-active > .service-submenu,
[dir="rtl"] .service-audience-item:hover > .service-submenu,
[dir="rtl"] .service-audience-item:focus-within > .service-submenu { transform: translateX(0); }
[dir="rtl"] .language-links a + a::before,
[dir="rtl"] .sticky-languages a + a::before { margin-right: 0; margin-left: 8px; border-left: 0; border-right: 1px solid rgba(255,255,255,.22); }
[dir="rtl"] .header-logo { object-position: right center; }

@media (max-width: 980px) {
  [dir="rtl"] .menu-toggle { margin-left: 0; margin-right: auto; }
  [dir="rtl"] .service-submenu a { padding-left: 18px; padding-right: 36px; }
}

/* Global chrome */
[dir="rtl"] .skip-link { left: auto; right: 16px; }
[dir="rtl"] .footer-logo img { object-position: right center; }
[dir="rtl"] .floating-whatsapp { right: auto; left: 20px; }

/* Arrow / chevron glyphs mirror automatically with the reading direction */
[dir="rtl"] .text-link span,
[dir="rtl"] .hero-actions .button span,
[dir="rtl"] .course-primary span,
[dir="rtl"] .course-source span,
[dir="rtl"] .closing-inner .button span,
[dir="rtl"] .newsletter-form button { transform: scaleX(-1); }
[dir="rtl"] .text-link:hover span { transform: scaleX(-1) translate(-3px,-3px); }

/* Reveal-in animation should slide from the correct reading edge */
[dir="rtl"] .reveal-left { transform: translateX(38px); }
[dir="rtl"] .reveal-right { transform: translateX(-38px); }