/* ===== RTL Overrides ===== */

/* Typography */
[dir="rtl"] {
  --font-heading: 'Tajawal', 'Sora', sans-serif;
  --font-family: 'Tajawal', 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --letter-spacing-tight: 0;
  --letter-spacing-wide: 0.02em;
}

/* ===== HERO ===== */

/* RTL hero: gradient heavier on right side for readability */
[dir="rtl"] .hero__slide--1 .hero__slide-bg::after,
[dir="rtl"] .hero__slide--2 .hero__slide-bg::after,
[dir="rtl"] .hero__slide--3 .hero__slide-bg::after {
  background:
    linear-gradient(to top, rgba(8, 14, 30, 0.92) 0%, rgba(8, 14, 30, 0.6) 35%, rgba(8, 14, 30, 0.15) 65%, rgba(8, 14, 30, 0.08) 100%),
    linear-gradient(to left, rgba(8, 14, 30, 0.4) 0%, transparent 60%);
}

/* Flip hero arrows */
[dir="rtl"] .hero__arrow svg {
  transform: scaleX(-1);
}

/* ===== NAVIGATION ===== */

/* Card links and accordion arrows */
[dir="rtl"] .card__link svg {
  transform: scaleX(-1);
}

[dir="rtl"] .accordion__trigger svg {
  transform: scaleX(-1);
}

/* Keep accordion open state rotation correct in RTL */
[dir="rtl"] .accordion__item.open .accordion__trigger svg {
  transform: scaleX(-1) rotate(180deg);
}

/* Feature list checkmarks should not flip */
[dir="rtl"] .feature-list li svg,
[dir="rtl"] .pricing-card__features li svg {
  transform: none;
}

/* ===== PAGE HERO ===== */

/* Page hero radial accents flip for RTL */
[dir="rtl"] .page-hero::after {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(37, 99, 235, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 90% 90%, rgba(245, 158, 11, 0.1) 0%, transparent 40%);
}

/* ===== COMPONENTS ===== */

/* Mobile solutions toggle text alignment */
[dir="rtl"] #mobileSolutionsToggle {
  text-align: right;
}

/* Contact info icon flex alignment */
[dir="rtl"] .contact-info-item {
  text-align: right;
}

/* Footer brand text alignment */
[dir="rtl"] .footer__brand p {
  text-align: right;
}

/* Story content */
[dir="rtl"] .story-content p {
  text-align: right;
}

/* Service section text */
[dir="rtl"] .service-section .split__content p {
  text-align: right;
}

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

/* Navbar dropdown arrow rotation in RTL */
[dir="rtl"] .navbar__dropdown-arrow {
  transform: none;
}

[dir="rtl"] .navbar__dropdown.open .navbar__dropdown-arrow {
  transform: rotate(180deg);
}
