/* =============================================
   RTL Overrides for Arabic Pages
   ============================================= */

/* ---------- Base RTL ---------- */
[dir="rtl"] {
  --font-main: 'Cairo', sans-serif;
}

[dir="rtl"] body {
  font-family: 'Cairo', sans-serif;
  direction: rtl;
  text-align: right;
}

/* ---------- Typography: Arabic Letter Spacing ---------- */
/* Arabic script is connected — heavy letter-spacing breaks readability */
[dir="rtl"] .section-label {
  letter-spacing: 0.05em;
  text-transform: none;
}

[dir="rtl"] .product-letter-spaced {
  letter-spacing: 0.05em;
  text-transform: none;
}

[dir="rtl"] .product-name-styled {
  letter-spacing: 0.05em;
  text-transform: none;
}

[dir="rtl"] .footer-col h4 {
  letter-spacing: 0.02em;
  text-transform: none;
}

[dir="rtl"] .stat-card .stat-label {
  letter-spacing: 0.02em;
  text-transform: none;
}

[dir="rtl"] .info-block h4 {
  letter-spacing: 0.02em;
  text-transform: none;
}

/* ---------- Navbar ---------- */
/* direction:rtl already reverses flex row — do NOT add row-reverse (double-reversal) */
[dir="rtl"] .nav-links a::after {
  left: auto;
  right: 0;
}

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

/* ---------- Stats ---------- */
[dir="rtl"] .stat-card {
  text-align: center;
}

/* Numbers and suffix should remain LTR inside RTL context */
[dir="rtl"] .stat-card .counter,
[dir="rtl"] .stat-card .stat-suffix {
  direction: ltr;
  display: inline-block;
}

/* ---------- Products Showcase ---------- */
[dir="rtl"] .marquee-track {
  animation-direction: reverse;
}

[dir="rtl"] .product-showcase-card {
  text-align: center;
}

/* ---------- Products Page ---------- */
[dir="rtl"] .product-detail-content {
  padding: 48px 0 48px 48px;
  text-align: right;
}

[dir="rtl"] .spec-item-label {
  letter-spacing: 0.02em;
  text-transform: none;
}

/* ---------- Services ---------- */
[dir="rtl"] .service-content {
  direction: rtl;
}

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

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

[dir="rtl"] .service-toggle-btn {
  font-family: 'Cairo', sans-serif;
}

/* ---------- Services Page ---------- */
[dir="rtl"] .service-page-card {
  text-align: right;
}

/* ---------- Contact ---------- */
[dir="rtl"] .contact-section {
  direction: rtl;
}

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

[dir="rtl"] .contact-form-side {
  text-align: right;
}

[dir="rtl"] .form-group label {
  text-align: right;
}

[dir="rtl"] .form-group input,
[dir="rtl"] .form-group textarea {
  text-align: right;
  font-family: 'Cairo', sans-serif;
}

/* Email and phone inputs stay LTR for proper data entry */
[dir="rtl"] .form-group input[type="email"],
[dir="rtl"] .form-group input[type="tel"] {
  direction: ltr;
  text-align: right;
}

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

[dir="rtl"] .contact-info-card h4 {
  letter-spacing: 0.02em;
  text-transform: none;
}

[dir="rtl"] .contact-info-side {
  text-align: right;
}

[dir="rtl"] .info-block a[href^="tel"],
[dir="rtl"] .info-block a[href^="mailto"] {
  direction: ltr;
  display: inline-block;
}

/* ---------- Careers ---------- */
[dir="rtl"] .job-card {
  text-align: right;
}

[dir="rtl"] .job-info {
  text-align: right;
}

[dir="rtl"] .btn-apply {
  font-family: 'Cairo', sans-serif;
}

/* ---------- About Page ---------- */
[dir="rtl"] .mvv-card {
  text-align: right;
}

[dir="rtl"] .mvv-card ul {
  padding-left: 0;
  padding-right: 20px;
}

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

/* ---------- Leadership ---------- */
[dir="rtl"] .leader-info {
  text-align: right;
}

[dir="rtl"] .leader-bio {
  text-align: right;
}

/* ---------- Section Common ---------- */
[dir="rtl"] .section-label,
[dir="rtl"] .section-title,
[dir="rtl"] .section-desc {
  text-align: right;
}

/* Centered sections override (CTA, etc.) */
[dir="rtl"] .text-center .section-label,
[dir="rtl"] .text-center .section-title,
[dir="rtl"] .text-center .section-desc,
[dir="rtl"] .text-center h2,
[dir="rtl"] .text-center p {
  text-align: center;
}

/* Footer centered */
[dir="rtl"] .footer-top {
  text-align: center;
}

[dir="rtl"] .footer-brand {
  text-align: center;
}

[dir="rtl"] .footer-col {
  text-align: center;
}

[dir="rtl"] .social-links {
  justify-content: center;
}

[dir="rtl"] .partners-section .section-label,
[dir="rtl"] .partners-section .section-title,
[dir="rtl"] .partners-section .partners-description,
[dir="rtl"] .partners-section .tagline {
  text-align: center;
}

[dir="rtl"] .stats-section .section-label,
[dir="rtl"] .stats-section .section-title {
  text-align: center;
}

/* ---------- Footer ---------- */
[dir="rtl"] .footer-top {
  direction: rtl;
}

[dir="rtl"] .footer-brand {
  text-align: right;
}

[dir="rtl"] .footer-col {
  text-align: right;
}

[dir="rtl"] .social-links {
  justify-content: flex-start;
}

[dir="rtl"] .footer-col .phone-link {
  direction: ltr;
  text-align: right;
}

[dir="rtl"] .footer-col a[href^="mailto"] {
  direction: ltr;
  display: inline-block;
}

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

/* ---------- Mobile Menu ---------- */
[dir="rtl"] .mobile-menu {
  text-align: right;
}

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

[dir="rtl"] .mobile-menu .lang-toggle {
  text-align: center;
}

/* ---------- Modal ---------- */
[dir="rtl"] .modal {
  text-align: right;
}

[dir="rtl"] .modal-close {
  right: auto;
  left: 16px;
}

[dir="rtl"] .modal h2 {
  text-align: right;
  padding-left: 40px;
  padding-right: 0;
}

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

/* ---------- Page Hero ---------- */
[dir="rtl"] .page-hero-content {
  text-align: center;
}

/* ---------- General Helpers ---------- */
[dir="rtl"] .text-center {
  text-align: center;
}

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

  [dir="rtl"] .job-card {
    align-items: flex-start;
  }

  [dir="rtl"] .job-card .btn-apply {
    align-self: flex-start;
  }

  [dir="rtl"] .footer-brand {
    text-align: right;
  }

  [dir="rtl"] .contact-form-side,
  [dir="rtl"] .contact-info-side {
    text-align: right;
  }

  [dir="rtl"] .product-info {
    text-align: right;
  }
}