html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body {
  direction: ltr;
  text-align: start;
}

/* Keep the English layout structure. Only textual content uses RTL. */
html[dir="rtl"] main :where(h1, h2, h3, h4, h5, h6, p, dt, dd, label, figcaption, blockquote, th, td),
html[dir="rtl"] .cms-footer :where(h1, h2, h3, h4, p),
html[dir="rtl"] .cms-header .brand small,
html[dir="rtl"] .cms-main-nav a,
html[dir="rtl"] .language-menu a,
html[dir="rtl"] .region-menu button,
html[dir="rtl"] [data-region-picker] button,
html[dir="rtl"] [data-process-tabs] button,
html[dir="rtl"] [data-doctor-filters] button,
html[dir="rtl"] [data-case-filters] button,
html[dir="rtl"] .cms-service-detail-toggle strong,
html[dir="rtl"] .cms-service-detail-bulk-toggle {
  direction: rtl;
  unicode-bidi: plaintext;
}

html[dir="rtl"] main :where(li, summary, strong, small, span),
html[dir="rtl"] .cms-footer :where(li, strong, small, span) {
  unicode-bidi: plaintext;
}

html[dir="rtl"] input:not([type="email"]):not([type="tel"]):not([type="url"]),
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href*="wa.me"] {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"] {
  text-align: left;
}

html[dir="rtl"] .cms-header,
html[dir="rtl"] .cms-header .topbar,
html[dir="rtl"] .cms-header .top-actions,
html[dir="rtl"] .cms-header .main-nav,
html[dir="rtl"] .cms-footer,
html[dir="rtl"] .cms-footer-nav,
html[dir="rtl"] .doctor-profile,
html[dir="rtl"] .doctor-hospital,
html[dir="rtl"] .hospital-identity,
html[dir="rtl"] .cms-process-layout,
html[dir="rtl"] .cms-service-detail-toggle,
html[dir="rtl"] .cms-service-detail-bulk-actions,
html[dir="rtl"] .cms-service-carousel-track,
html[dir="rtl"] [data-team-carousel] .track {
  direction: ltr;
}

html[dir="rtl"] .cms-header .search input {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .cms-header .brand span,
html[dir="rtl"] .doctor-profile-copy,
html[dir="rtl"] .doctor-hospital > div,
html[dir="rtl"] .hospital-identity > div {
  direction: rtl;
}

html[dir="rtl"] .cms-header .brand span,
html[dir="rtl"] .doctor-profile-copy,
html[dir="rtl"] .doctor-hospital > div,
html[dir="rtl"] .hospital-identity > div {
  text-align: right;
}

html[dir="rtl"] .cms-page-hero nav,
html[dir="rtl"] .hospital-page-hero nav,
html[dir="rtl"] .doctor-page-hero nav,
html[dir="rtl"] .team-page-hero nav,
html[dir="rtl"] .case-page-hero nav,
html[dir="rtl"] .video-page-hero nav,
html[dir="rtl"] .case-breadcrumb,
html[dir="rtl"] .cms-process-tabs,
html[dir="rtl"] .hospital-city-tabs,
html[dir="rtl"] .doctor-filters,
html[dir="rtl"] .case-filters {
  direction: ltr;
}

html[dir="rtl"] .cms-page-hero nav :where(a, span),
html[dir="rtl"] .hospital-page-hero nav :where(a, span),
html[dir="rtl"] .doctor-page-hero nav :where(a, span),
html[dir="rtl"] .team-page-hero nav :where(a, span),
html[dir="rtl"] .case-page-hero nav :where(a, span),
html[dir="rtl"] .video-page-hero nav :where(a, span),
html[dir="rtl"] .case-breadcrumb :where(a, span),
html[dir="rtl"] .cms-process-tabs button,
html[dir="rtl"] .hospital-city-tabs button,
html[dir="rtl"] .doctor-filters button,
html[dir="rtl"] .case-filters button {
  direction: rtl;
  unicode-bidi: plaintext;
}

html[dir="rtl"] .quick strong,
html[dir="rtl"] .contact strong,
html[dir="rtl"] .team-number,
html[dir="rtl"] .doctor-verified,
html[dir="rtl"] .cms-service-number {
  direction: ltr;
  unicode-bidi: plaintext;
}