/* ============================================
   AR-RTL.CSS — RTL Overrides for Arabic Pages
   Loaded ONLY on Arabic pages (dir="rtl")
   ============================================ */

/* --- Global RTL --- */
html[dir="rtl"] body {
  font-family: 'Frutiger LT Arabic', 'Montserrat', sans-serif;
  text-align: right;
}

/* --- Nav Top Bar --- */
html[dir="rtl"] .nav-top-bar .container {
  flex-direction: row-reverse;
}
html[dir="rtl"] .nav-top-contact {
  flex-direction: row-reverse;
}
html[dir="rtl"] .nav-top-contact a svg {
  margin-left: 6px;
  margin-right: 0;
}

/* --- Navbar --- */
html[dir="rtl"] .navbar .container {
  flex-direction: row-reverse;
}
html[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}
html[dir="rtl"] .nav-links .nav-cta svg {
  margin-right: 8px;
  margin-left: 0;
  transform: scaleX(-1);
}
html[dir="rtl"] .mobile-toggle {
  order: -1;
}

/* --- Active link underline --- */
html[dir="rtl"] .nav-links a.active::after,
html[dir="rtl"] .nav-links a:hover::after {
  left: auto;
  right: 0;
}

/* --- Dropdown Menu --- */
html[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}
html[dir="rtl"] .dropdown-arrow {
  margin-right: 4px;
  margin-left: 0;
}

/* --- WhatsApp Float --- */
html[dir="rtl"] .whatsapp-float {
  right: auto;
  left: 28px;
}

/* --- Breadcrumb --- */
html[dir="rtl"] .breadcrumb {
  direction: rtl;
}
html[dir="rtl"] .breadcrumb .sep {
  margin: 0 6px;
}

/* --- Service Page Grid --- */
html[dir="rtl"] .service-grid {
  direction: rtl;
}
html[dir="rtl"] .service-main {
  text-align: right;
}

/* --- Sidebar Doctor Card --- */
html[dir="rtl"] .sidebar-doctor {
  text-align: center;
}
html[dir="rtl"] .exp-badge {
  right: auto;
  left: 10px;
}

/* --- Doctor Page --- */
html[dir="rtl"] .doctor-grid {
  direction: rtl;
}
html[dir="rtl"] .doctor-bio {
  text-align: right;
}
html[dir="rtl"] .experience-badge {
  right: auto;
  left: 16px;
}
html[dir="rtl"] .doctor-quick-info {
  text-align: right;
}
html[dir="rtl"] .info-row {
  flex-direction: row-reverse;
}

/* --- Specialty Tags --- */
html[dir="rtl"] .specialty-tags {
  justify-content: flex-start;
  direction: rtl;
}

/* --- Archive Grid --- */
html[dir="rtl"] .archive-grid {
  direction: rtl;
}
html[dir="rtl"] .archive-card {
  text-align: center;
}

/* --- Doctor Archive Card Badge --- */
html[dir="rtl"] .card-badge {
  right: auto;
  left: 14px;
}

/* --- Explore Services Tabs --- */
html[dir="rtl"] .services-tabs {
  direction: rtl;
}

/* --- Appointment Form --- */
html[dir="rtl"] .appointment-form-card {
  text-align: right;
}
html[dir="rtl"] .form-group input,
html[dir="rtl"] .form-group textarea,
html[dir="rtl"] .form-group select {
  text-align: right;
}
html[dir="rtl"] .form-group select {
  background-position: left 16px center;
  padding-left: 40px;
  padding-right: 16px;
}
html[dir="rtl"] .btn-submit svg {
  margin-right: 8px;
  margin-left: 0;
  transform: scaleX(-1);
}

/* --- Footer --- */
html[dir="rtl"] .footer-grid {
  direction: rtl;
}
html[dir="rtl"] .footer-brand {
  text-align: right;
}
html[dir="rtl"] .footer-links {
  text-align: right;
}
html[dir="rtl"] .footer-hours .day,
html[dir="rtl"] .footer-hours .time {
  text-align: right;
}
html[dir="rtl"] .footer-bottom {
  text-align: center;
}

/* --- CTA Banner --- */
html[dir="rtl"] .cta-call-banner {
  direction: rtl;
}

/* --- Section Headers --- */
html[dir="rtl"] .section-header {
  text-align: center;
}
html[dir="rtl"] .page-hero {
  text-align: center;
}

/* --- Mobile Responsive RTL --- */
@media (max-width: 768px) {
  html[dir="rtl"] .nav-links {
    text-align: right;
  }
  html[dir="rtl"] .mobile-lang {
    text-align: center;
  }
  html[dir="rtl"] .doctor-grid {
    direction: rtl;
  }
  html[dir="rtl"] .service-grid {
    direction: rtl;
  }
}