/* Right-to-left overrides, loaded only on Arabic pages (html[dir="rtl"]) after the page styles.
   dir="rtl" already mirrors flex/grid order and text alignment; these rules mirror the base styles that use
   physical left/right properties where direction matters. Decorative illustrations keep their positioning. */

html[dir="rtl"] body {
  font-family: Cairo, Inter, "Segoe UI", Tahoma, sans-serif;
}

/* Letter spacing breaks the joining of Arabic letters. */
html[dir="rtl"] body * {
  letter-spacing: normal !important;
}

/* ---------- Header and menus ---------- */
html[dir="rtl"] .mega-menu-col--highlight {
  border-left: 0;
  border-right: 1px solid var(--gray-100);
  padding-left: 0;
  padding-right: 1.25rem;
}

html[dir="rtl"] .mega-menu--mobile .mega-menu-col--highlight {
  border-right: 0;
  padding-right: 0;
}

html[dir="rtl"] .mega-menu-sub {
  margin: 0 2.2rem 0.35rem 0;
}

html[dir="rtl"] .mobile-nav-accordion-trigger {
  text-align: right;
}

/* The mobile drawer slides in from the left. */
html[dir="rtl"] .landing-mobile-menu {
  right: auto;
  left: 0;
  box-shadow: 8px 0 32px rgba(0, 0, 0, 0.1);
  transform: translateX(-100%);
}

html[dir="rtl"] .landing-mobile-menu.is-open {
  transform: translateX(0);
}

html[dir="rtl"] .landing-mobile-close {
  right: auto;
  left: 16px;
}

html[dir="rtl"] .landing-whatsapp-fab {
  right: auto;
  left: 1.25rem;
}

@media (max-width: 768px) {
  html[dir="rtl"] .landing-whatsapp-fab {
    left: 1rem;
  }
}

/* ---------- Home ---------- */
html[dir="rtl"] .hm-checks li,
html[dir="rtl"] .hm-split-list li {
  padding-left: 0;
  padding-right: 30px;
}

html[dir="rtl"] .hm-checks li::before,
html[dir="rtl"] .hm-split-list li::before {
  left: auto;
  right: 3px;
}

/* Name strip: the list starts on the right, so it scrolls right instead of left. */
html[dir="rtl"] .hm-proof li {
  padding-right: 0;
  padding-left: 56px;
}

html[dir="rtl"] .hm-marquee-track {
  animation-name: hm-marquee-rtl;
}

@keyframes hm-marquee-rtl {
  to {
    transform: translateX(50%);
  }
}

@media (max-width: 560px) {
  html[dir="rtl"] .hm-proof li {
    padding-left: 36px;
  }
}

html[dir="rtl"] .hm-module {
  border-left: 0;
  border-right: 1px solid var(--hm-line);
}

html[dir="rtl"] .hm-module:first-child {
  padding-right: 0;
  padding-left: 32px;
  border-right: 0;
}

html[dir="rtl"] .hm-module:last-child {
  padding-left: 0;
  padding-right: 32px;
}

@media (max-width: 1024px) {
  html[dir="rtl"] .hm-module,
  html[dir="rtl"] .hm-module:first-child,
  html[dir="rtl"] .hm-module:last-child {
    padding: 24px 0 8px;
    border-right: 0;
  }
}

html[dir="rtl"] .hm-books-row span:nth-child(n + 2) {
  text-align: left;
}

/* ---------- Pricing ---------- */
html[dir="rtl"] .landing-price-features li {
  padding-left: 0;
  padding-right: 1.5em;
}

html[dir="rtl"] .landing-price-features li::before {
  left: auto;
  right: 0;
}

html[dir="rtl"] .landing-price-features li.landing-price-features-intro {
  padding-right: 0;
}

html[dir="rtl"] .hm-int-soon {
  margin-left: 0;
  margin-right: 4px;
}