/* --- RTL Overrides --- */
[dir="rtl"] body {
  font-family: 'Tahoma', 'Cairo', 'Segoe UI', sans-serif;
  text-align: right;
}

[dir="rtl"] .nav-inner {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-logo {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

[dir="rtl"] .hero-cta {
  flex-direction: row-reverse;
}

[dir="rtl"] .card-grid,
[dir="rtl"] .card-grid-2,
[dir="rtl"] .project-grid,
[dir="rtl"] .contact-grid,
[dir="rtl"] .showroom-grid,
[dir="rtl"] .stats {
  direction: rtl;
}

[dir="rtl"] .footer-inner {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 {
  font-family: 'Cairo', 'Tahoma', 'Arial', sans-serif;
  font-weight: 700;
}

[dir="rtl"] .zal-font-serif {
  font-family: 'Cairo', 'Tahoma', sans-serif;
  font-style: normal;
}
/* v4 motion RTL */
html[dir="rtl"] .nav-links a::after { transform-origin: left center; }
@media (hover: hover) {
  html[dir="rtl"] .nav-links a:hover::after,
  html[dir="rtl"] .nav-links a.active::after { transform-origin: right center; }
}
html[dir="rtl"] .btn-primary::after,
html[dir="rtl"] .btn-gold::after {
  left: auto; right: -150%;
  transform: skewX(20deg);
}
@media (hover: hover) {
  html[dir="rtl"] .btn-primary:hover::after,
  html[dir="rtl"] .btn-gold:hover::after {
    left: auto; right: 150%;
    transition: right 0.8s var(--ease-out-expo);
  }
}
html[dir="rtl"] .back-to-top { right: auto; left: 18px; }