/* ============================================================
   XOO ERP — Landing Page RTL Overrides (Arabic)
   Loaded additionally on ar.php
   ============================================================ */

/* Base direction & font */
html[dir="rtl"] body {
  font-family: 'Cairo', 'Inter', system-ui, sans-serif;
  direction: rtl;
  text-align: right;
}

/* Nav — let dir="rtl" handle flex ordering natively.
   Do NOT use flex-direction: row-reverse — it conflicts with
   justify-content: space-between on the nav-inner. */
html[dir="rtl"] .nav-inner {
  direction: rtl;
}
html[dir="rtl"] .nav-links {
  direction: rtl;
}
html[dir="rtl"] .nav-actions {
  direction: rtl;
}

/* Hero — flip grid */
html[dir="rtl"] .hero-grid {
  direction: rtl;
}

/* Hero content text alignment */
html[dir="rtl"] .hero-content {
  text-align: right;
}

/* Feature card border flip */
html[dir="rtl"] .feature-card {
  border-inline-start: 3px solid transparent;
  border-inline-end: none;
}
html[dir="rtl"] .feature-card:hover {
  border-inline-start-color: var(--color-primary-500);
}

/* Highlights — flip row direction for alternating layout */
html[dir="rtl"] .highlight-row {
  direction: rtl;
}
html[dir="rtl"] .highlight-content {
  text-align: right;
}
html[dir="rtl"] .highlight-list {
  text-align: right;
}

/* Pricing features check mark alignment */
html[dir="rtl"] .pricing-features li {
  direction: rtl;
  text-align: right;
}

/* Footer grid — flip brand to right */
html[dir="rtl"] .footer-grid {
  direction: rtl;
}
html[dir="rtl"] .footer-bottom {
  direction: rtl;
}
html[dir="rtl"] .footer-bottom-links {
  direction: rtl;
}

/* Mobile nav drawer */
@media (max-width: 767px) {
  html[dir="rtl"] body.nav-open .nav-links {
    text-align: right;
  }
}

/* Screenshot tabs */
html[dir="rtl"] .screenshot-tabs {
  direction: rtl;
}

/* Trust grid */
html[dir="rtl"] .trust-grid {
  direction: rtl;
}

/* Pricing toggle */
html[dir="rtl"] .pricing-toggle {
  direction: rtl;
}
/* Flip the switch knob direction for RTL */
html[dir="rtl"] .pricing-switch::after {
  left: auto;
  right: 3px;
}
html[dir="rtl"] .pricing-switch.active::after {
  transform: translateX(-22px);
}

/* Section header */
html[dir="rtl"] .section-header {
  text-align: center; /* keep centered */
}

/* CTA */
html[dir="rtl"] .cta-inner {
  text-align: center; /* keep centered */
}

/* Headings — use Cairo weight for Arabic */
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4 {
  font-family: 'Cairo', sans-serif;
  letter-spacing: 0; /* Arabic doesn't use letter-spacing */
}

/* Buttons */
html[dir="rtl"] .btn {
  font-family: 'Cairo', 'Inter', sans-serif;
}

/* Hero trust */
html[dir="rtl"] .hero-trust {
  direction: rtl;
}

/* Modules grid */
html[dir="rtl"] .modules-grid {
  direction: rtl;
}
html[dir="rtl"] .module-card {
  text-align: right;
}

/* Contact form */
html[dir="rtl"] .contact-form input,
html[dir="rtl"] .contact-form textarea,
html[dir="rtl"] .contact-form select {
  text-align: right;
}