/* RTL fallback overrides */

html[dir="rtl"] .service-block--reverse .service-block__visual {
  order: 0;
}

html[dir="rtl"] .story-section__quote {
  border-inline-start: none;
  border-inline-end: 4px solid var(--color-primary);
  padding-inline-start: 0;
  padding-inline-end: var(--space-4);
}

/* Swiper RTL */
html[dir="rtl"] .swiper {
  direction: rtl;
}

/* Marquee direction handled in slider.js */

/* Ghost button on gradient CTA */
.cta-banner .btn--ghost:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* Select dropdown arrow position */
.form-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  padding-inline-end: 44px;
}

html[dir="rtl"] .form-select {
  background-position: left 18px center;
  padding-inline-end: 18px;
  padding-inline-start: 44px;
}

/* Phone numbers / tel inputs — keep LTR digit order in Arabic pages */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] .phone-ltr,
html[dir="rtl"] input[type="tel"] {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}

/* Timeline mobile connector */
@media (max-width: 1023px) {
  html[dir="rtl"] .timeline__step::before {
    right: auto;
    left: 28px;
  }
}