/*
 * Siraclinics — RTL Stylesheet (rtl.css)
 * Applied when Arabic is active. Handles all directional overrides.
 */

/* ── Base Direction ── */
html[dir="rtl"] body {
  font-family: 'Scheherazade New', 'Noto Naskh Arabic', 'Cormorant Garamond', serif;
  direction: rtl;
  text-align: right;
}

/* ── Typography ── */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: 'Scheherazade New', 'Noto Naskh Arabic', serif;
  font-size-adjust: 0.5;
}

html[dir="rtl"] .sc-eyebrow::before {
  margin-inline-end: 0;
  margin-inline-start: 10px;
  order: 1;
}

/* ── Header ── */
html[dir="rtl"] .sc-header__inner {
  flex-direction: row-reverse;
}

html[dir="rtl"] .sc-nav {
  flex-direction: row-reverse;
}

html[dir="rtl"] .sc-logo__text-en {
  display: none; /* Hide English logo in RTL */
}

html[dir="rtl"] .sc-logo__text-ar {
  font-size: 1.5rem;
  color: var(--sc-white);
  font-family: 'Scheherazade New', serif;
}

/* ── Mega Menu ── */
html[dir="rtl"] .sc-mega-menu {
  transform: translateX(50%) translateY(8px);
  left: auto;
  right: 50%;
}

html[dir="rtl"] .sc-nav__item:hover .sc-mega-menu {
  transform: translateX(50%) translateY(0);
}

/* ── Hero ── */
html[dir="rtl"] .sc-hero::after {
  inset-inline-start: 0;
  inset-inline-end: auto;
}

html[dir="rtl"] .sc-hero__eyebrow {
  flex-direction: row-reverse;
}

/* ── Section title underline ── */
html[dir="rtl"] .sc-section-title h2::after {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

html[dir="rtl"] .sc-section-title.centered h2::after {
  inset-inline-start: 50%;
  transform: translateX(50%);
}

/* ── Feature cards number ── */
html[dir="rtl"] .sc-feature-card__number {
  inset-inline-end: auto;
  inset-inline-start: 1.25rem;
}

/* ── Feature card bottom line ── */
html[dir="rtl"] .sc-feature-card::before {
  transform-origin: inline-end;
}

/* ── Doctor card badge ── */
html[dir="rtl"] .sc-doctor-card__specialty-badge {
  inset-inline-start: auto;
  inset-inline-end: 1rem;
}

/* ── Blog card category badge ── */
html[dir="rtl"] .sc-blog-card__category {
  inset-inline-start: auto;
  inset-inline-end: 1rem;
}

/* ── Before/After labels ── */
html[dir="rtl"] .sc-ba-label--before {
  inset-inline-start: auto;
  inset-inline-end: 1rem;
}

html[dir="rtl"] .sc-ba-label--after {
  inset-inline-end: auto;
  inset-inline-start: 1rem;
}

/* ── Department card link ── */
html[dir="rtl"] .sc-dept-grid-card__link {
  flex-direction: row-reverse;
}

/* ── Footer ── */
html[dir="rtl"] .sc-footer-bottom {
  flex-direction: row-reverse;
}

/* ── WhatsApp FAB ── */
html[dir="rtl"] .sc-whatsapp-fab {
  inset-inline-end: auto;
  inset-inline-start: 2rem;
  align-items: flex-start;
}

/* ── Back to Top ── */
html[dir="rtl"] .sc-back-to-top {
  inset-inline-start: auto;
  inset-inline-end: 2rem;
}

/* ── Stat items divider ── */
html[dir="rtl"] .sc-stat-item::after {
  inset-inline-end: auto;
  inset-inline-start: 0;
}

/* ── Accordion ── */
html[dir="rtl"] .sc-accordion-trigger {
  flex-direction: row-reverse;
}

/* ── Form fields ── */
html[dir="rtl"] .sc-field input,
html[dir="rtl"] .sc-field select,
html[dir="rtl"] .sc-field textarea {
  text-align: right;
}

/* ── Breadcrumbs ── */
html[dir="rtl"] .sc-breadcrumbs {
  direction: rtl;
}

/* ── Partners marquee ── */
html[dir="rtl"] .sc-partners-track {
  animation-direction: reverse;
}

/* ── Arabic font size adjustments ── */
html[dir="rtl"] .sc-hero__title {
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  line-height: 1.4;
}

html[dir="rtl"] .sc-hero__subtitle {
  font-size: 1.1rem;
  line-height: 1.9;
}

html[dir="rtl"] .sc-dept-card__name {
  font-family: 'Scheherazade New', serif;
  font-size: 0.9rem;
}

html[dir="rtl"] .sc-nav__link {
  letter-spacing: 0;
  font-family: 'Noto Naskh Arabic', sans-serif;
  font-size: 0.9rem;
}

/* ── Mobile nav RTL ── */
html[dir="rtl"] .sc-mobile-nav {
  transform: translateX(-100%);
}

html[dir="rtl"] .sc-mobile-nav.is-open {
  transform: translateX(0);
}

html[dir="rtl"] .sc-mobile-nav__close {
  align-self: flex-start;
}

/* ── Divider ── */
html[dir="rtl"] .sc-divider::before {
  background: linear-gradient(to left, transparent, var(--sc-gold), transparent);
}
html[dir="rtl"] .sc-divider::after {
  background: linear-gradient(to right, transparent, var(--sc-gold), transparent);
}

/* ── Footer links ── */
html[dir="rtl"] .sc-footer__links a {
  flex-direction: row-reverse;
}

/* ── Elementor RTL ── */
html[dir="rtl"] .elementor-column {
  direction: rtl;
}

html[dir="rtl"] .elementor-icon-list-items {
  direction: rtl;
}

/* ── Polylang active lang indicator ── */
html[dir="rtl"] .pll-parent-menu-item .sub-menu {
  text-align: right;
}