/* ═══════════════════════════════════════════
   MUBHERA — RTL (Arabic) Override Styles
   ═══════════════════════════════════════════ */

[dir="rtl"] {
  direction: rtl;
  text-align: right;
}
.nav-links .chevron{
  width: 10px;
  height: 10px;
}
@media (max-width: 768px){
  .nav-links .chevron{
    width: 8px;
    height: 8px;
  }
}
/* ── Font ── */
[dir="rtl"] body {
  font-family: 'Plus Jakarta Sans', 'Tajawal', 'Noto Sans Arabic', sans-serif;
}
[dir="rtl"] .section-title,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5,
[dir="rtl"] .hero h1,
[dir="rtl"] .vm-card h3,
[dir="rtl"] .value-card h4,
[dir="rtl"] .stat-item .num,
[dir="rtl"] .service-num {
  font-family: 'Outfit', 'Tajawal', sans-serif;
}

/* ── Navigation ── */
/* Only apply row direction on desktop - mobile uses column from styles.css */
@media(min-width:769px) {
  [dir="rtl"] .nav-links { flex-direction: row; }
}
[dir="rtl"] .dropdown { left: auto; right: -16px; }
[dir="rtl"] .dropdown a { flex-direction: row; text-align: right; }
[dir="rtl"] .dd-text { text-align: right; }
[dir="rtl"] .nav-links > li > a { flex-direction: row; }
[dir="rtl"] .nav-links > li > a::after { left: auto; right: 0; }

/* ── Section Label ── */
[dir="rtl"] .section-label { flex-direction: row; }
[dir="rtl"] .section-label::before { margin-left: 8px; margin-right: 0; }

/* ── Breadcrumb ── */
[dir="rtl"] .breadcrumb { flex-direction: row; }
[dir="rtl"] .breadcrumb svg { transform: scaleX(-1); }

/* ── Buttons ── */
[dir="rtl"] .btn-primary,
[dir="rtl"] .btn-outline,
[dir="rtl"] .btn-outline-dark { flex-direction: row; }


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

/* ── Feature List ── */
[dir="rtl"] .feature-list li { flex-direction: row; text-align: right; }
[dir="rtl"] .feature-list li svg { margin-left: 0; margin-right: 0; flex-shrink: 0; }

/* ── Cards ── */
[dir="rtl"] .card::before,
[dir="rtl"] .os-card::before,
[dir="rtl"] .tech-card::before { transform-origin: right; }

[dir="rtl"] .service-card .link { flex-direction: row; }

/* ── Vision/Mission Card ── */
[dir="rtl"] .vm-card::before { left: auto; right: 0; }

/* ── Service Overview ── */
[dir="rtl"] .service-overview { direction: rtl; }

/* ── Coverage/Cap Grid ── */
[dir="rtl"] .cov-card,
[dir="rtl"] .cap-card { text-align: center; }

/* ── Tech Cards ── */
[dir="rtl"] .tech-card { text-align: right; }

/* ── Other Services ── */
[dir="rtl"] .os-card { text-align: right; }
[dir="rtl"] .os-link { direction: ltr; display: inline-block; }

/* ── Footer ── */
[dir="rtl"] .footer-grid { direction: rtl; }
[dir="rtl"] .footer-bottom { flex-direction: row; }
[dir="rtl"] .social-links { flex-direction: row; }

/* ── Stats ── */
[dir="rtl"] .stat-item:not(:last-child)::after { right: auto; left: 0; }

/* ── About page ── */
[dir="rtl"] .about-card { right: auto; left: -16px; }
[dir="rtl"] .about-content { direction: rtl; }

/* ── Contact page ── */
[dir="rtl"] .contact-grid { direction: rtl; }
[dir="rtl"] .ci-card { flex-direction: row; text-align: right; }
[dir="rtl"] .ci-card > div:last-child { text-align: right; }
[dir="rtl"] .form-group { text-align: right; }
[dir="rtl"] .form-group input,
[dir="rtl"] .form-group select,
[dir="rtl"] .form-group textarea { text-align: right; }

/* ── Language Switcher ── */
.lang-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 50px;
 /* border: 1.5px solid rgba(255,255,255,.15);*/
  color: var(--gray-400);
  font-size: .82rem;
  font-weight: 600;
  transition: all .3s;
  text-decoration: none;
  white-space: nowrap;
}
.lang-switch:hover {
  border-color: var(--teal);
  color: var(--teal);
}
.lang-switch svg {
  width: 16px;
  height: 16px;
}
nav.scrolled .lang-switch {
  border-color: var(--gray-200);
  color: var(--gray-600);
}
nav.scrolled .lang-switch:hover {
  border-color: var(--teal);
  color: var(--teal);
}

/* ── Marquee RTL ── */
[dir="rtl"] .logo-track {
  animation-direction: reverse;
}

/* ── Monitor Grid ── */
[dir="rtl"] .mg-section h4 { flex-direction: row; }
[dir="rtl"] .mg-section h4::before { margin-left: 8px; margin-right: 0; }
[dir="rtl"] .mg-item { flex-direction: row; text-align: right; }
[dir="rtl"] .mg-item:hover { transform: translateX(-4px); }

/* ── Mobile ── */
@media(max-width:768px) {
  /* Force column direction on mobile - override any RTL row */
  [dir="rtl"] .nav-links {
    flex-direction: column!important;
    align-items: stretch;
    text-align: center;
  }
  [dir="rtl"] .nav-links > li {
    width: 100%;
    text-align: center;
  }
  [dir="rtl"] .nav-links > li > a {
    justify-content: center;
    flex-direction: row-reverse;
  }
  [dir="rtl"] .dropdown {
    text-align: center;
    right: auto;
    left: auto;
  }
  [dir="rtl"] .dropdown a {
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
  [dir="rtl"] .dropdown .dd-text {
    text-align: center;
  }
  [dir="rtl"] .hero-buttons {
    justify-content: center;
  }
  [dir="rtl"] .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
  [dir="rtl"] .breadcrumb {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  [dir="rtl"] .about-card {
    right: auto;
    left: auto;
    position: relative;
    bottom: auto;
    margin-top: -20px;
    display: inline-flex;
  }
  [dir="rtl"] .contact-grid {
    direction: rtl;
  }
  [dir="rtl"] .ci-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  [dir="rtl"] .ci-card > div:last-child {
    text-align: center;
  }
  [dir="rtl"] .service-overview {
    direction: rtl;
  }
}