/* RTL Overrides for Arabic (KSA) page */
/* Applied via <link rel="stylesheet" href="/css/rtl.css"> on /ksa/ar/index.html */

/* ── Font ── */
[dir="rtl"] body {
  font-family: 'Cairo', sans-serif;
}

/* ── Global letter-spacing reset ── */
[dir="rtl"] * {
  letter-spacing: 0 !important;
}

/* ── Text alignment ── */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] label,
[dir="rtl"] .section-label,
[dir="rtl"] .section-desc,
[dir="rtl"] .hero-sub {
  text-align: right;
}

/* Hero h1 stays centred — matches badge + sub-text alignment */
[dir="rtl"] .hero-inner h1 {
  text-align: center;
}

[dir="rtl"] .hero-inner {
  text-align: center;
}

/* Hero badge and CTA — keep centred */
[dir="rtl"] .hero-badge {
  margin-right: 0;
  margin-left: auto;
  margin-right: auto;
}

[dir="rtl"] .hero-inner {
  text-align: center;
}

[dir="rtl"] .hero-sub {
  text-align: center;
}

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

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

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

/* ── Hero CTA group ── */
[dir="rtl"] .hero-cta-group {
  flex-direction: row-reverse;
}

/* ── Hero stats ── */
[dir="rtl"] .hero-stats {
  flex-direction: row-reverse;
}

/* ── Trust badges ── */
[dir="rtl"] .trust-badges {
  flex-direction: row-reverse;
}

/* ── Logo scroll — reverse animation direction ── */
[dir="rtl"] .logos-track {
  animation-direction: reverse;
}

/* ── Section labels ── */
[dir="rtl"] .section-label {
  text-align: center;
}

[dir="rtl"] .section-desc {
  text-align: center;
}

/* ── Pain cards ── */
[dir="rtl"] .pain-card {
  text-align: right;
}

[dir="rtl"] .pain-card-stat {
  text-align: right;
}

/* ── Feature tabs ── */
[dir="rtl"] .tab-bar {
  flex-direction: row-reverse;
}

[dir="rtl"] .feature-list {
  text-align: right;
}

[dir="rtl"] .feature-item {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .check-icon {
  margin-left: 0;
  margin-right: 0;
  margin-left: 12px;
}

/* ── Platform columns ── */
[dir="rtl"] .platform-cols {
  flex-direction: row-reverse;
}

[dir="rtl"] .chip-group {
  flex-direction: row-reverse;
}

/* ── Steps ── */
[dir="rtl"] .steps-grid {
  flex-direction: row-reverse;
}

[dir="rtl"] .step-card {
  text-align: right;
}

/* ── Comparison table ── */
[dir="rtl"] .compare-table th,
[dir="rtl"] .compare-table td {
  text-align: right;
}

[dir="rtl"] .compare-table th:first-child,
[dir="rtl"] .compare-table td:first-child {
  text-align: right;
}

/* ── Integration cards ── */
[dir="rtl"] .integration-card {
  text-align: center;
}

/* ── Testimonials ── */
[dir="rtl"] .testimonial-card {
  text-align: right;
}

/* ── Footer ── */
[dir="rtl"] footer {
  text-align: right;
}

[dir="rtl"] .footer-cols {
  flex-direction: row-reverse;
}

[dir="rtl"] .footer-bottom {
  flex-direction: row-reverse;
}

[dir="rtl"] .footer-links {
  flex-direction: row-reverse;
}

/* ── CTA banner ── */
[dir="rtl"] .cta-banner {
  text-align: center;
}

[dir="rtl"] .cta-banner-btns {
  flex-direction: row-reverse;
}

/* ── Mobile hamburger menu ── */
@media (max-width: 768px) {
  [dir="rtl"] .mobile-menu {
    text-align: right;
  }

  [dir="rtl"] .mobile-menu li {
    text-align: right;
  }

  [dir="rtl"] .mobile-menu a {
    text-align: right;
    justify-content: flex-end;
  }
}