/* ============================================================
   EXCEED ERP - RTL / ARABIC STYLESHEET
   Applied when lang-ar is active
   ============================================================ */

[dir="rtl"] body,
body.lang-ar {
  direction: rtl;
  font-family: 'Cairo', sans-serif;
}

/* Nav RTL — element reordering handled by reorderNav() in main.js */
body.lang-ar .nav-logo { align-items: flex-end; }
body.lang-ar .logo-fallback { align-items: flex-end; }

body.lang-ar .dropdown-menu {
  direction: rtl;
  left: auto;
  right: 50%;
  transform: translateX(50%);
}
body.lang-ar .nav-dropdown:hover .dropdown-menu {
  transform: translateX(50%) translateY(0);
}
body.lang-ar .dropdown-item { text-align: right; }

/* Hero RTL */
body.lang-ar .hero-inner { direction: rtl; }
body.lang-ar .hero-content { align-items: flex-start; }
body.lang-ar .hero-float-1 { left: auto; right: 20px; }
body.lang-ar .hero-float-2 { left: auto; right: -30px; }
body.lang-ar .hero-float-3 { right: auto; left: -20px; }

/* Flip arrows */
body.lang-ar .solution-arrow,
body.lang-ar .solution-card:hover .solution-arrow { transform: scaleX(-1) translateX(6px); }

/* Footer RTL */
body.lang-ar .footer-bottom-inner { flex-direction: row-reverse; }
body.lang-ar .footer-social { flex-direction: row-reverse; }
body.lang-ar .footer-contact-list li { flex-direction: row-reverse; }

/* Milestone RTL — keep centered on desktop to match LTR layout */
body.lang-ar .milestone-item { align-items: center; text-align: center; }
body.lang-ar .milestone-content { text-align: center; }

/* Mobile Nav RTL */
@media (max-width: 900px) {
  body.lang-ar .nav-menu { align-items: stretch !important; }
  body.lang-ar .milestone-item { align-items: flex-end; text-align: right; }
  body.lang-ar .milestone-content { text-align: right; }
}

/* Typography RTL adjustments */
body.lang-ar h1,
body.lang-ar h2,
body.lang-ar h3,
body.lang-ar h4 {
  font-weight: 800;
  letter-spacing: 0;
}

body.lang-ar .hero-title-line {
  font-size: clamp(2.2rem, 4.5vw, 3.6rem);
}

/* Cairo font is heavier, adjust weights */
body.lang-ar .nav-link { font-size: 0.92rem; }

/* Form RTL */
body.lang-ar input,
body.lang-ar textarea,
body.lang-ar select {
  text-align: right;
}

body.lang-ar .form-group label { text-align: right; }

/* Global text alignment RTL */
body.lang-ar h1,
body.lang-ar h2,
body.lang-ar h3,
body.lang-ar h4,
body.lang-ar h5,
body.lang-ar h6 { text-align: right; }

body.lang-ar p { text-align: right; }
body.lang-ar .clients-label { text-align: center; }
body.lang-ar li { text-align: right; }
body.lang-ar .section-header { text-align: right; }
body.lang-ar .section-badge { text-align: right; }

/* Customers page RTL */
body.lang-ar .customers-hero { text-align: right; }
body.lang-ar .customers-hero .section-badge { display: inline-block; }
body.lang-ar .customer-logo-card { direction: rtl; }