/* ============================================================
   DentOktay CMS - Arabic RTL Stylesheet
   Activated when lang="ar" & dir="rtl"
   ============================================================ */

body[dir="rtl"], html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
}

/* Nav & Dropdowns */
body[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
}

body[dir="rtl"] .dropdown-item:hover {
  padding-left: 1.25rem;
  padding-right: 1.5rem;
}

body[dir="rtl"] .lang-dropdown {
  right: auto;
  left: 0;
}

body[dir="rtl"] .mega-menu {
  left: auto;
  right: 50%;
  transform: translateX(50%) translateY(10px);
}

body[dir="rtl"] .nav-item:hover .mega-menu {
  transform: translateX(50%) translateY(0);
}

body[dir="rtl"] .mega-item:hover {
  transform: translateX(-4px);
}

/* Hero Section */
body[dir="rtl"] .hero-overlay {
  background: linear-gradient(270deg, rgba(0, 35, 65, 0.92) 0%, rgba(0, 55, 100, 0.75) 50%, rgba(0, 55, 100, 0.2) 100%);
}

body[dir="rtl"] .hero-text-box {
  text-align: right;
  margin-right: 0;
  margin-left: auto;
}

/* About Badge */
body[dir="rtl"] .about-badge {
  right: auto;
  left: -1.5rem;
  border-left: none;
  border-right: 5px solid var(--primary);
}

/* Service Cards */
body[dir="rtl"] .service-card-category {
  left: auto;
  right: 1rem;
}

body[dir="rtl"] .service-card-link svg {
  transform: rotate(180deg);
}

/* FAQ */
body[dir="rtl"] .faq-header {
  text-align: right;
}

/* Footer */
body[dir="rtl"] .footer-col h4::after {
  left: auto;
  right: 0;
}

body[dir="rtl"] .footer-link:hover {
  padding-left: 0;
  padding-right: 0.4rem;
}

/* Floating WhatsApp */
body[dir="rtl"] .whatsapp-float {
  right: auto;
  left: 2rem;
}

/* Rendered Content RTL */
body[dir="rtl"] .treatment-rendered-content,
body[dir="rtl"] .page-rendered-content {
  text-align: right;
  direction: rtl;
}

body[dir="rtl"] .treatment-rendered-content ul,
body[dir="rtl"] .page-rendered-content ul,
body[dir="rtl"] .treatment-rendered-content ol,
body[dir="rtl"] .page-rendered-content ol {
  margin: 1rem 1.75rem 1.5rem 0;
}

body[dir="rtl"] .treatment-rendered-content blockquote,
body[dir="rtl"] .page-rendered-content blockquote {
  border-left: none;
  border-right: 4px solid var(--primary);
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}