/* ── RTL overrides for Arabic ──────────────── */

/* Global text alignment */
[dir="rtl"] body {
  text-align: right;
}

/* Header */
[dir="rtl"] header {
  flex-direction: row-reverse;
}

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

/* Hero — centered, no change needed except text alignment already center */

/* Features grid — inherits fine, text alignment from body */

/* Pricing */
[dir="rtl"] .pricing-amount {
  justify-content: flex-end;
}

[dir="rtl"] .pricing-list li {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

[dir="rtl"] .pricing-list li::before {
  transform: scaleX(-1);
}

[dir="rtl"] .pricing-tag {
  right: auto;
  left: 16px;
}

/* Steps */
[dir="rtl"] .step {
  flex-direction: row-reverse;
  text-align: right;
}

/* FAQ */
[dir="rtl"] .faq-question {
  flex-direction: row-reverse;
}

/* Language switcher RTL */
[dir="rtl"] .lang-switcher {
  margin-left: 0;
  margin-right: 8px;
}
[dir="rtl"] .lang-dropdown {
  right: auto;
  left: 0;
}
[dir="rtl"] .lang-dropdown button {
  text-align: right;
}
[dir="rtl"] .lang-switcher-toggle {
  padding: 10px 10px 10px 24px;
}
[dir="rtl"] .lang-switcher-toggle::after {
  right: auto;
  left: 8px;
}

/* Guarantee badge RTL */
[dir="rtl"] .guarantee {
  flex-direction: row-reverse;
}

/* Loading spinner RTL */
[dir="rtl"] .btn.loading::after {
  margin-left: 0;
  margin-right: 8px;
}

/* Price daily RTL */
[dir="rtl"] .price-daily {
  text-align: right;
}

/* Social proof — centered, works in both directions */

/* Sticky CTA RTL */
[dir="rtl"] .sticky-cta-inner {
  flex-direction: row-reverse;
}

/* Skip nav RTL */
[dir="rtl"] .skip-nav {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

/* Legal pages */
[dir="rtl"] .legal ul {
  padding-left: 0;
  padding-right: 20px;
}

/* Tablet portrait RTL adjustments */
@media (max-width: 768px) {
  [dir="rtl"] nav {
    flex-wrap: wrap;
    justify-content: center;
  }

  [dir="rtl"] .pricing-tag {
    left: 12px;
    right: auto;
  }
}

/* Small phone RTL adjustments */
@media (max-width: 480px) {
  [dir="rtl"] header {
    flex-direction: column;
  }

  [dir="rtl"] nav {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
  }

  [dir="rtl"] .pricing-tag {
    left: 12px;
    right: auto;
  }
}