/* Instant swap between booking popups (no fade-out wait) */
#exampleModal.mia-modal-instant,
#serviceSelectionModal.mia-modal-instant,
#mobileVisitModal.mia-modal-instant,
#exampleModal.mia-modal-instant .modal-dialog,
#serviceSelectionModal.mia-modal-instant .modal-dialog,
#mobileVisitModal.mia-modal-instant .modal-dialog {
  transition: none !important;
  transform: none !important;
}
body.mia-modal-instant .modal-backdrop {
  transition: none !important;
}

/* Dark mode: white content boxes and body text on aligner-style sections */
.active-dark-mode .rbt-border-with-box {
  background: var(--color-bodyest);
  border-color: var(--dark-color-border);
}
.active-dark-mode .rbt-border-with-box h1,
.active-dark-mode .rbt-border-with-box h2,
.active-dark-mode .rbt-border-with-box h3,
.active-dark-mode .rbt-border-with-box h4,
.active-dark-mode .rbt-border-with-box h5,
.active-dark-mode .rbt-border-with-box h6,
.active-dark-mode .rbt-border-with-box .rbt-title-style-4 {
  color: var(--color-white) !important;
}
.active-dark-mode .rbt-border-with-box p,
.active-dark-mode .rbt-border-with-box .rbt-list-style-1 li {
  color: var(--color-white-off) !important;
}
.active-dark-mode .rbt-feature .feature-title {
  color: var(--color-white);
}
.active-dark-mode .rbt-feature .feature-description {
  color: var(--color-white-dark);
}
.active-dark-mode .button-group > .description {
  color: var(--color-white-dark);
}
.active-dark-mode .rbt-callto-action.callto-action-default .title {
  color: var(--color-white);
}
.active-dark-mode .rbt-callto-action.callto-action-default .description {
  color: var(--color-white-off);
}

/* Hero breadcrumb — darken background image so light text stays readable */
.active-dark-mode .rbt-breadcrumb-default.rbt-breadcrumb-style-3::before {
  background: linear-gradient(
    135deg,
    rgba(25, 35, 53, 0.88) 0%,
    rgba(25, 35, 53, 0.92) 100%
  ) !important;
}

/* Hero breadcrumb — dark mode text */
.active-dark-mode .rbt-breadcrumb-style-3 .title,
.active-dark-mode .rbt-breadcrumb-style-3 .sec-title {
  color: var(--color-white) !important;
}
.active-dark-mode .rbt-breadcrumb-style-3 .description {
  color: var(--color-white-off) !important;
}
.active-dark-mode .rbt-breadcrumb-style-3 .subtitle.bg-primary-opacity {
  color: var(--color-white) !important;
  background: var(--primary-opacity) !important;
  border: 1px solid var(--dark-color-border);
}
.active-dark-mode .rbt-breadcrumb-style-3 h6.subtitle,
.active-dark-mode .rbt-breadcrumb-style-3 h6.subtitle a {
  color: var(--color-white-off) !important;
}
.active-dark-mode .rbt-breadcrumb-style-3 h6.subtitle a:hover {
  color: var(--color-white) !important;
}
.active-dark-mode .rbt-breadcrumb-style-3 .theme-gradient {
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Keep before/after slider above the hero dark overlay */
.active-dark-mode .rbt-breadcrumb-style-3 .mia-before-after-slider {
  position: relative;
  z-index: 2;
}

/* Treatment timeline visual */
.active-dark-mode .mia-treatment-timeline .timeline-rail {
  background: var(--dark-color-border);
}
.active-dark-mode .mia-treatment-timeline .timeline-node-icon .rbt-round-icon.bg-primary-opacity {
  background: #3a2c2c !important;
  box-shadow: 0 0 0 5px #3a2c2c, var(--dark-shadow-2);
}
.active-dark-mode .mia-treatment-timeline .timeline-node-icon .rbt-round-icon.bg-secondary-opacity {
  background: #3a3228 !important;
  box-shadow: 0 0 0 5px #3a3228, var(--dark-shadow-2);
}
.active-dark-mode .mia-treatment-timeline .timeline-node-icon .rbt-round-icon.bg-coral-opacity {
  background: #3a2f2b !important;
  box-shadow: 0 0 0 5px #3a2f2b, var(--dark-shadow-2);
}
.active-dark-mode .mia-treatment-timeline .timeline-marker.is-current .timeline-node-icon .rbt-round-icon.bg-secondary-opacity {
  box-shadow: 0 0 0 5px #3a3228, 0 0 0 8px var(--secondary-opacity), var(--dark-shadow-2);
}

/* Clinician profile — full-height photo on desktop, full-bleed top on mobile */
.mia-clinician-profile .mia-clinician-photo {
  display: flex;
  padding: 0;
}
.mia-clinician-profile .mia-clinician-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
  border: none;
  box-shadow: none;
}
@media only screen and (min-width: 768px) {
  .mia-clinician-profile.rbt-border-with-box {
    padding: 0;
  }
  .mia-clinician-profile .mia-clinician-photo img {
    min-height: 100%;
    border-radius: var(--radius) 0 0 var(--radius);
  }
  .mia-clinician-profile .mia-clinician-content {
    padding: 30px 30px 30px 32px;
  }
}
@media only screen and (max-width: 767px) {
  .mia-clinician-profile.rbt-border-with-box {
    padding: 0 0 15px;
  }
  .mia-clinician-profile .mia-clinician-photo img {
    height: 260px;
    border-radius: var(--radius) var(--radius) 0 0;
  }
  .mia-clinician-profile .mia-clinician-content {
    padding: 20px 15px 0;
  }
}