/* Right-to-left overrides. Loaded only by the Arabic page, after style.css. */

/* Arabic script joins its letters, so tracking and capitalisation are dropped. */
[dir="rtl"] .eyebrow,
[dir="rtl"] .panel-card h4,
[dir="rtl"] .footer-col h4,
[dir="rtl"] .footer-langs h4,
[dir="rtl"] .quote-panel cite { letter-spacing: 0; text-transform: none; }
[dir="rtl"] .quote-panel p { font-style: normal; }

[dir="rtl"] .site-nav a::after { transform-origin: right; }

[dir="rtl"] .gallery-zoom { right: auto; left: 12px; }
[dir="rtl"] .lightbox-close { right: auto; left: 10px; }
[dir="rtl"] .back-to-top { right: auto; left: 18px; }

[dir="rtl"] .timeline { padding-left: 0; padding-right: 2.6rem; }
[dir="rtl"] .timeline::before { left: auto; right: 11px; }
[dir="rtl"] .timeline-dot { left: auto; right: -2.6rem; }

@media (max-width: 899px) {
  [dir="rtl"] .site-nav { transform: translateX(-100%); }
  [dir="rtl"] .site-nav.is-open { transform: translateX(0); }
}

@media (min-width: 900px) {
  [dir="rtl"] .precta .container { text-align: right; }
}