/* ═══════════════════════════════════════════════════════════
   rtl.css — Right-to-Left (Arabic) Layout Overrides
═══════════════════════════════════════════════════════════ */

[data-lang="ar"] {
  direction: rtl;
  text-align: right;
}

/* ─── FONTS ─── */
[data-lang="ar"] body {
  font-family: var(--font-body-ar);
}

[data-lang="ar"] h1,
[data-lang="ar"] h2,
[data-lang="ar"] h3,
[data-lang="ar"] h4 {
  font-family: var(--font-display-ar);
  font-weight: 700;
  letter-spacing: 0;
}

[data-lang="ar"] .btn,
[data-lang="ar"] .section-label,
[data-lang="ar"] .hero-badge,
[data-lang="ar"] .stat-label,
[data-lang="ar"] .service-tag,
[data-lang="ar"] .doctor-specialty,
[data-lang="ar"] .contact-link,
[data-lang="ar"] .footer-tagline {
  font-family: var(--font-body-ar);
  letter-spacing: 0;
}

/* ─── HERO ─── */
[data-lang="ar"] .hero-content {
  align-items: flex-start;
  text-align: right;
}

[data-lang="ar"] .hero-actions {
  flex-direction: row-reverse;
}

[data-lang="ar"] .hero-stats {
  flex-direction: row-reverse;
}

/* ─── NAV ─── */
[data-lang="ar"] .main-nav ul {
  flex-direction: row-reverse;
}

[data-lang="ar"] .main-nav a::after {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

/* ─── ABOUT ─── */
[data-lang="ar"] .about-grid {
  direction: rtl;
}

[data-lang="ar"] .about-badge-float {
  right: auto;
  left: -20px;
}

[data-lang="ar"] .about-features li {
  flex-direction: row-reverse;
  text-align: right;
}

/* ─── DOCTOR QUOTE border ─── */
[data-lang="ar"] .doctor-quote {
  border-inline-start: none;
  border-inline-end: 2px solid var(--clr-border);
  padding-inline-start: 0;
  padding-inline-end: var(--space-4);
}

/* ─── MOBILE DRAWER ─── */
[data-lang="ar"] .mobile-drawer ul {
  direction: rtl;
}

[data-lang="ar"] .mobile-drawer a {
  text-align: right;
  padding-inline-start: 0;
}

[data-lang="ar"] .mobile-drawer a:hover {
  padding-inline-start: 0;
  padding-inline-end: var(--space-3);
}

/* ─── GALLERY LABEL ─── */
[data-lang="ar"] .ph-label {
  inset-inline-start: auto;
  inset-inline-end: var(--space-4);
}

/* ─── CAROUSEL RTL ─── */
[data-lang="ar"] .carousel-btn.prev {
  inset-inline-start: auto;
  inset-inline-end: -14px;
}

[data-lang="ar"] .carousel-btn.next {
  inset-inline-end: auto;
  inset-inline-start: -14px;
}

[data-lang="ar"] .carousel-btn {
  transform: translateY(-50%) scaleX(-1);
}

[data-lang="ar"] .carousel-btn:hover {
  transform: translateY(-50%) scaleX(-1) scale(1.1);
}

/* ─── SCROLL TOP ─── */
[data-lang="ar"] .scroll-top {
  inset-inline-end: auto;
  inset-inline-start: var(--space-8);
}

@media (max-width: 580px) {
  [data-lang="ar"] .scroll-top {
    inset-inline-start: var(--space-5);
  }
}

/* ─── SECTION LABEL shimmer direction ─── */
[data-lang="ar"] .section-label {
  background: linear-gradient(270deg,
      var(--clr-gold) 0%,
      var(--clr-gold-light) 40%,
      var(--clr-gold) 80%,
      var(--clr-gold-light) 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ─── CARDS ─── */
[data-lang="ar"] .service-card {
  text-align: right;
}

[data-lang="ar"] .contact-card {
  text-align: right;
}

[data-lang="ar"] .review-top {
  flex-direction: row-reverse;
  text-align: right;
}

[data-lang="ar"] .footer-inner {
  direction: rtl;
}

[data-lang="ar"] .footer-logo {
  flex-direction: row-reverse;
  font-family: var(--font-display-ar);
}

/* ─── ITALIC → BOLD for Arabic ─── */
[data-lang="ar"] .hero-title em {
  font-style: normal;
  font-weight: 700;
}

[data-lang="ar"] .section-title em {
  font-style: normal;
  font-weight: 800;
}

[data-lang="ar"] .review-text {
  font-style: normal;
}

/* ─── SERVICE CARD bottom bar direction ─── */
[data-lang="ar"] .service-card::after {
  transform-origin: inset-inline-end center;
}

/* ─── ABOUT IMAGE position in RTL ─── */
@media (min-width: 769px) {
  [data-lang="ar"] .about-grid {
    direction: ltr;
    /* keep grid flow, swap content via order */
  }

  [data-lang="ar"] .about-image-wrap {
    order: 2;
  }

  [data-lang="ar"] .about-content {
    order: 1;
  }
}

.dark .map-wrap>div {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

/* Ensure the scroll starts from the right in RTL mode */
[dir="rtl"] .doctors-filters {
  flex-direction: row;
  /* Standard flex direction */
  text-align: right;
}