/* Arabic mirror: RTL adaptation of the approved English design. */
html[lang="ar"], html[dir="rtl"] { direction: rtl; }
html[lang="ar"] body,
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: Tahoma, "Noto Sans Arabic", "Segoe UI", Arial, sans-serif;
}
html[dir="rtl"] .site,
html[dir="rtl"] main,
html[dir="rtl"] section,
html[dir="rtl"] article,
html[dir="rtl"] header,
html[dir="rtl"] footer,
html[dir="rtl"] nav,
html[dir="rtl"] form { direction: rtl; }

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] label,
html[dir="rtl"] blockquote,
html[dir="rtl"] .brand-copy,
html[dir="rtl"] .mega-menu,
html[dir="rtl"] .mobile-menu,
html[dir="rtl"] .site-footer { text-align: right; }

html[dir="rtl"] .site-header {
  right: auto;
  left: 50%;
  box-sizing: border-box;
  direction: rtl;
  transform: translateX(-50%);
}
html[dir="rtl"] .brand {
  min-width: 0;
  overflow: hidden;
  direction: rtl;
}
html[dir="rtl"] .brand-copy {
  min-width: 0;
  max-width: 100%;
  align-items: flex-start;
  overflow: hidden;
}
html[dir="rtl"] .brand-copy strong,
html[dir="rtl"] .brand-copy small {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[dir="rtl"] .desktop-nav,
html[dir="rtl"] .header-actions { direction: rtl; }
html[dir="rtl"] .header-actions {
  min-width: max-content;
  flex-shrink: 0;
}
html[dir="rtl"] .desktop-nav .nav-link { letter-spacing: 0; }
html[dir="rtl"] .mega-menu { direction: rtl; }
html[dir="rtl"] .mega-links,
html[dir="rtl"] .nav-mega-sections,
html[dir="rtl"] .nav-mega-section { direction: rtl; text-align: right; }
html[dir="rtl"] .mega-links a,
html[dir="rtl"] .mega-overview-link { flex-direction: row; }
html[dir="rtl"] .mega-links a > b,
html[dir="rtl"] .mega-overview-link > b,
html[dir="rtl"] a[class*="arrow"] svg,
html[dir="rtl"] a[class*="cta"] svg,
html[dir="rtl"] button[class*="submit"] svg { transform: scaleX(-1); }

html[dir="rtl"] .mobile-menu-head,
html[dir="rtl"] .mobile-nav-group > button,
html[dir="rtl"] .mobile-submenu a,
html[dir="rtl"] .mobile-view-all,
html[dir="rtl"] .mobile-nested summary,
html[dir="rtl"] .mobile-nested-links a { text-align: right; }
html[dir="rtl"] .mobile-nested-links { padding-right: 12px; padding-left: 0; }

html[dir="rtl"] ol,
html[dir="rtl"] ul { padding-right: 1.35em; padding-left: 0; }
html[dir="rtl"] .breadcrumbs,
html[dir="rtl"] [class*="breadcrumb"] { direction: rtl; }

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select { direction: rtl; text-align: right; }
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] .latin,
html[dir="rtl"] [dir="ltr"] { direction: ltr; unicode-bidi: isolate; text-align: left; }
html[dir="rtl"] .consent-row { text-align: right; }

html[dir="rtl"] .footer-grid,
html[dir="rtl"] .footer-bottom,
html[dir="rtl"] .footer-links,
html[dir="rtl"] .footer-contact { direction: rtl; text-align: right; }
html[dir="rtl"] .footer-socials { justify-content: flex-start; }

/* Keep clinical imagery anatomically unchanged; mirror only directional UI. */
html[dir="rtl"] img,
html[dir="rtl"] video,
html[dir="rtl"] iframe,
html[dir="rtl"] .anatomy-visual,
html[dir="rtl"] [class*="xray"] { direction: ltr; }

html[dir="rtl"] .language-switch {
  direction: ltr;
  font-family: Arial, sans-serif;
  letter-spacing: .04em;
}
html[dir="rtl"] .review-original-language {
  direction: auto;
  text-align: start;
}

@media (max-width: 1140px) {
  html[dir="rtl"] .site-header {
    grid-template-columns: minmax(0, 1fr) auto;
    direction: rtl;
  }
  html[dir="rtl"] .header-actions { margin-right: auto; margin-left: 0; }
}

@media (max-width: 760px) {
  html[dir="rtl"] .site-header,
  html[dir="rtl"] .site-header.is-scrolled {
    right: auto;
    left: 50%;
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    grid-template-columns: minmax(0, 1fr) auto;
    transform: translateX(-50%);
  }
  html[dir="rtl"] .brand-copy strong,
  html[dir="rtl"] .brand-copy small {
    max-width: min(42vw, 170px);
  }
  html[dir="rtl"] h1,
  html[dir="rtl"] h2 { line-height: 1.35; }
  html[dir="rtl"] .mobile-menu { inset-inline: 0; }
  html[dir="rtl"] .whatsapp-float { right: auto; left: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] *, html[dir="rtl"] *::before, html[dir="rtl"] *::after {
    scroll-behavior: auto !important;
  }
}
