/* ========================================================================= Veloz Films — RTL (Arabic) overrides Applied via on the Arabic page. ========================================================================= */ /* ----------------------------- base ------------------------------------ */ [dir="rtl"] body{ font-family:'Cairo',system-ui,sans-serif; text-align:right; } /* Arabic doesn't use letter-spacing */ [dir="rtl"] .eyebrow, [dir="rtl"] .nav__cta, [dir="rtl"] .btn, [dir="rtl"] .social a, [dir="rtl"] .store__label, [dir="rtl"] .intro__scroll{ letter-spacing:0; text-transform:none; } /* Display & serif headings → Cairo in Arabic */ [dir="rtl"] .display, [dir="rtl"] .section-title, [dir="rtl"] .quote__text, [dir="rtl"] .footer__tag, [dir="rtl"] .stores__heading, [dir="rtl"] .card__title, [dir="rtl"] .fact__no{ font-family:'Cairo',system-ui,sans-serif; } /* ----------------------------- hero images ----------------------------- */ /* Swap stacked images so the layout mirrors correctly */ [dir="rtl"] .hero__img--back{ right:auto; left:0; } [dir="rtl"] .hero__img--front{ left:auto; right:0; } /* Arrow on circle-link points left in RTL */ [dir="rtl"] .circle-link__arrow{ transform:rotate(180deg); } [dir="rtl"] .circle-link:hover .circle-link__arrow{ transform:rotate(180deg) translateX(-5px); } /* ----------------------------- work grid ------------------------------- */ [dir="rtl"] .work__cta{ justify-self:start; } /* ----------------------------- gallery carousel ------------------------ */ [dir="rtl"] .gallery__arrow--prev{ left:auto; right:24px; } [dir="rtl"] .gallery__arrow--next{ right:auto; left:24px; } /* ----------------------------- voices nav ------------------------------ */ @media (max-width:980px){ [dir="rtl"] .voices__nav{ justify-content:flex-start; } } /* ----------------------------- to-top button --------------------------- */ [dir="rtl"] .to-top{ right:auto; left:26px; } /* ----------------------------- honeypot -------------------------------- */ [dir="rtl"] .hp{ left:auto; right:-9999px; } /* ----------------------------- mobile ---------------------------------- */ @media (max-width:480px){ [dir="rtl"] .gallery__arrow--prev{ left:auto; right:10px; } [dir="rtl"] .gallery__arrow--next{ right:auto; left:10px; } }