/* ============================================
   EIS — RTL / Arabic overrides
   Loaded only on the Arabic (/ar/) pages, AFTER style.css
   ============================================ */

body {
  font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Arabic doesn't use uppercase or tracked letter-spacing */
.label,
.hero-brands p,
.form-section-title {
  text-transform: none;
  letter-spacing: 0;
}

/* Headings sit a touch heavier and looser for Arabic letterforms */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.35;
}
.hero-content h1 { line-height: 1.3; }

/* Nav underline should grow from the right */
.nav-links a::after {
  left: auto;
  right: 0;
}

/* Accent bar on value cards flips side */
.value-item {
  border-left: none;
  border-right: 4px solid var(--secondary);
}

/* Footer hover indent flips */
.footer-column ul li a:hover {
  padding-left: 0;
  padding-right: 0.25rem;
}

/* Decorative quote mark moves to the right */
.testimonial-card .quote {
  padding-right: 0;
}
.testimonial-card .quote::before {
  left: auto;
  right: 0;
}

/* SLA / support cards: flip the accent border on emergency banner */
.emergency-banner {
  border-right: 4px solid #DC2626;
}

/* Floating UI elements move to the left edge in RTL */
.support-fab {
  right: auto;
  left: 2rem;
}
.skip-link {
  left: auto;
  right: 0.75rem;
}
.lang-switch {
  margin-right: 0;
}

/* Keep Latin/numeric runs (phones, emails, brand names) tidy inside RTL text */
.ltr {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

@media (max-width: 768px) {
  .support-fab {
    left: 1rem;
    right: auto;
  }
}

/* ---- Arabic typography on the Sui dark theme ---- */
h1, h2, h3, h4, h5, h6,
.btn, .label, .stat-item h3, .marquee-item, .form-section-title {
  font-family: 'Cairo', 'Inter', sans-serif;
  letter-spacing: 0;
}

/* Marquee flows the natural RTL direction */
.marquee-track { animation-direction: reverse; }
.marquee-item { padding-left: 0; padding-right: 2.5rem; }

/* WhatsApp FAB moves to the left edge in RTL */
.whatsapp-fab { right: auto; left: 2rem; }
@media (max-width: 768px) { .whatsapp-fab { left: 1rem; right: auto; } }

/* ---- New light theme — RTL adjustments ---- */
.textlink svg { transform: scaleX(-1); }
.textlink:hover svg { transform: scaleX(-1) translateX(4px); }
.kicker::before { /* dash sits fine either direction */ }
.value-item { border-right: none; border-left: 3px solid var(--accent); }
.feature, .point, .case-card, .quote-card { text-align: right; }
.client-col h4 { text-align: right; }
.hero-visual__metrics { justify-content: flex-start; }
/* keep numerals/Latin brand runs LTR inside RTL */
.stat__num, .case-card__metric, .trust-bar__item b, .partner { unicode-bidi: plaintext; }

/* v4 — orb to the left in RTL */
.hero-orb { right: auto; left: 7%; }
.client-col ul li { text-align: right; }

/* v5 — RTL for lifecycle/divisions/sme */
.lc-stage:not(:last-child)::after { content: "←"; right: auto; left: -1.05rem; }
@media (max-width: 1024px){ .lc-stage:not(:last-child)::after { content: none; } }
.division-card, .soon-card, .lc-stage { text-align: right; }

/* v6 RTL */
.industry-card { text-align: right; }
.maint__item { border-left: none; border-right: 2px solid rgba(255,255,255,.22); padding-left: 0; padding-right: 1.1rem; }

/* v8 RTL */
.mega__item { text-align: right; }

/* v9 RTL — Nexus product spotlight */
.nexus__points li { padding-left: 0; padding-right: 1.6rem; }
.nexus__points li::before { left: auto; right: 0; }
.nexus__card .tag { margin-left: 0; margin-right: auto; }
.nexus__card .meta, .nexus__card .bar { } /* widths fine in RTL */

/* v10 RTL — mobile Solutions sub-menu (indented group) */
@media (max-width: 768px) {
  .nav-links.mobile-open .mega__grid { border-left: none !important; border-right: 2px solid var(--accent-200); margin-left: 0; margin-right: .4rem; padding-left: 0 !important; padding-right: .85rem; }
  .nav-links.mobile-open > li > a,
  .nav-links.mobile-open .mega__item { text-align: right; }
}