/* Sugar & Veil — RTL overrides (logical properties handle most of the layout) */
[dir="rtl"] body {
  font-family: 'Noto Sans Arabic', 'Jost', sans-serif
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] .logo,
[dir="rtl"] .slide .q,
[dir="rtl"] .marquee span {
  font-family: 'Noto Naskh Arabic', 'Bodoni Moda', serif
}

[dir="rtl"] .logo span {
  font-style: normal
}

[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0
}

[dir="rtl"] .btn i.bi-arrow-right,
[dir="rtl"] .svc a i,
[dir="rtl"] .footer-links a i,
[dir="rtl"] .shot figcaption i {
  transform: scaleX(-1)
}

[dir="rtl"] .svc a:hover i {
  transform: scaleX(-1) translateX(5px)
}

[dir="rtl"] .footer-links a:hover {
  transform: translateX(-5px)
}

[dir="rtl"] .reveal.l {
  transform: translateX(40px)
}

[dir="rtl"] .reveal.r {
  transform: translateX(-40px)
}

[dir="rtl"] .reveal.l.in,
[dir="rtl"] .reveal.r.in {
  transform: none
}

[dir="rtl"] .dots,
[dir="rtl"] .ctrl {
  direction: ltr
}

[dir="rtl"] .shine::after {
  animation-name: shineSweepRtl
}

@keyframes shineSweepRtl {
  to {
    transform: translateX(-320%) skewX(-20deg)
  }
}

[dir="rtl"] .slide .q,
[dir="rtl"] .head,
[dir="rtl"] .hero-copy p {
  line-height: 1.55
}

@media (max-width: 1024px) {

  [dir="rtl"] .reveal.l,
  [dir="rtl"] .reveal.r {
    transform: translateY(26px)
  }

  [dir="rtl"] .reveal.l.in,
  [dir="rtl"] .reveal.r.in {
    transform: none
  }

  [dir="rtl"] .dropdown-menu,
  [dir="rtl"] .dropdown-content {
    padding: 0 14px 0 0;
  }
}

[dir="rtl"] .custom-select {
  text-align: right;
}

[dir="rtl"] .custom-select-trigger {
  text-align: right;
}

[dir="rtl"] .custom-select-arrow {
  margin-left: 0;
  margin-right: auto;
}