/* Arabic pages (<html dir="rtl">). Loaded only on /ar/ pages, after the site's own CSS.
   Flex and grid layouts mirror by themselves; this file fixes what does not. */
html[lang="ar"] body {
  font-family: 'Public Sans', 'Geeza Pro', 'Segoe UI', 'Noto Sans Arabic', Tahoma, 'Arial', sans-serif;
  line-height: 1.75;
}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4 { letter-spacing: 0 !important; line-height: 1.3; }
html[lang="ar"] .eyebrow, html[lang="ar"] [class*="eyebrow"], html[lang="ar"] .btn { letter-spacing: 0 !important; }
html[lang="ar"] .site-header__links, html[lang="ar"] .mobile-menu__list { padding-inline-start: 0; }
/* Pictures, videos and the video wall keep their own left-to-right composition. */
html[lang="ar"] .wall, html[lang="ar"] .wall__row, html[lang="ar"] .wall__track,
html[lang="ar"] .phone, html[lang="ar"] .phone__screen, html[lang="ar"] .case__shots,
html[lang="ar"] .vc-strip, html[lang="ar"] .work-strip, html[lang="ar"] .work-stage,
html[lang="ar"] .work-frame, html[lang="ar"] .stage-graphic, html[lang="ar"] .service-card__gfx { direction: ltr; }
html[lang="ar"] .phone__pings, html[lang="ar"] .ping { direction: rtl; text-align: right; }
html[lang="ar"] .legal-body, html[lang="ar"] main[lang="en"] { direction: ltr; text-align: left; }
html[lang="ar"] .lang-switch, html[lang="ar"] .lang-switch a { direction: ltr; }
/* Accordion arrow sits at the end of the line in both directions. */
html[lang="ar"] .accordion__trigger { text-align: right; }
html[lang="ar"] .accordion__arrow { margin-inline-start: auto; }
/* Mobile menu drawer opens from the left in RTL. */
html[lang="ar"] .mobile-menu__panel { inset-inline-end: auto; inset-inline-start: 0; }