/* ==========================================================================
   SeCURE Hospitals — Dark Theme  (html.dark-theme)
   Light theme is NEVER touched — all rules are scoped to html.dark-theme.

   Dark Palette (brand-derived):
     --dt-bg1   : #0b1929   page background
     --dt-bg2   : #112236   card / panel surface
     --dt-bg3   : #19304a   elevated surface (inputs, filter bars)
     --dt-bg4   : #203959   hovered / focus surface
     --dt-border: rgba(255,255,255,0.09)
     --dt-txt1  : #dde8f0   primary text
     --dt-txt2  : #90afc6   secondary / muted text
     --dt-txt3  : #607d96   placeholder / disabled
     Brand Blue stays #0071b8 | Brand Green stays #a6cc39
   ========================================================================== */

/* ─── 0. CSS custom properties (dark override values) ───────────────────── */
html.dark-theme {
  --sh-white:      #0b1929;
  --sh-sky-blue:   #112236;
  --sh-sage-green: #19304a;
  --sh-stone-grey: rgba(255,255,255,0.1);
  --sh-charcoal:   #90afc6;
  --text-main:     #dde8f0;
  --text-muted:    #90afc6;

  /* convenience tokens */
  --dt-bg1:   #0b1929;
  --dt-bg2:   #112236;
  --dt-bg3:   #19304a;
  --dt-bg4:   #203959;
  --dt-border: rgba(255,255,255,0.09);
  --dt-txt1:   #dde8f0;
  --dt-txt2:   #90afc6;
  --dt-txt3:   #607d96;
  --dt-blue:   #2fa3e2;   /* lighter blue for readability on dark */
  --dt-green:  #a6cc39;
}

/* ─── 1. Smooth theme transition (only colour/border/shadow, NOT transforms) */
html.dark-theme body,
html.dark-theme *:not(img):not(svg):not(video):not(canvas):not(.hero-wrap):not(.slider-item):not(.home-slider) {
  transition:
    background-color 0.3s ease,
    color            0.3s ease,
    border-color     0.3s ease,
    box-shadow       0.3s ease !important;
}

/* Keep the existing scroll-reveal animation intact in dark mode. */
html.dark-theme .sh-reveal {
  transition:
    opacity 700ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 700ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ─── 2. Base ─────────────────────────────────────────────────────────────── */
html.dark-theme body {
  background-color: var(--dt-bg1) !important;
  color: var(--dt-txt1) !important;
}

html.dark-theme h1,html.dark-theme h2,html.dark-theme h3,
html.dark-theme h4,html.dark-theme h5,html.dark-theme h6,
html.dark-theme .h1,.dark-theme .h2,.dark-theme .h3,
html.dark-theme .h4,html.dark-theme .h5,html.dark-theme .h6 {
  color: var(--dt-txt1) !important;
}

html.dark-theme p { color: var(--dt-txt2); }
html.dark-theme a { color: var(--dt-blue); }
html.dark-theme a:hover,html.dark-theme a:focus { color: var(--dt-green); text-decoration: none; }

html.dark-theme hr { border-color: var(--dt-border) !important; }

/* Bootstrap utility overrides */
html.dark-theme .text-dark   { color: var(--dt-txt1) !important; }
html.dark-theme .text-muted  { color: var(--dt-txt2) !important; }
html.dark-theme .bg-white    { background-color: var(--dt-bg2) !important; }
html.dark-theme .bg-light,
html.dark-theme .ftco-section.bg-light { background-color: var(--dt-bg2) !important; }

/* Generic section background */
html.dark-theme .ftco-section,
html.dark-theme section { background-color: var(--dt-bg1) !important; }

/* ─── 3. Navbar ───────────────────────────────────────────────────────────── */
/* Top bar */
html.dark-theme .navbar.bg-light,
html.dark-theme .navbar-light.bg-light,
html.dark-theme .top-navbar {
  background: var(--dt-bg1) !important;
  border-bottom: 1px solid var(--dt-border);
}
html.dark-theme .topper .icon {
  background: var(--dt-bg3) !important;
  border-color: rgba(0,113,184,0.25) !important;
}
html.dark-theme .topper .icon span { color: var(--dt-blue) !important; }
html.dark-theme .topper .text,
html.dark-theme .topper .text a   { color: var(--dt-txt2) !important; }

/* Main nav */
html.dark-theme .ftco_navbar.bg-dark,
html.dark-theme .navbar-dark.bg-dark,
html.dark-theme #ftco-navbar {
  background: #071220 !important;
  border-bottom: 1px solid rgba(0,113,184,0.12);
}
html.dark-theme .ftco-navbar-light .navbar-nav > .nav-item > .nav-link { color: #b8d4e8 !important; }
html.dark-theme .ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover,
html.dark-theme .ftco-navbar-light .navbar-nav > .nav-item.active > a  { color: var(--dt-green) !important; }
html.dark-theme .ftco-navbar-light.scrolled { background: #071220 !important; }
html.dark-theme .ftco-navbar-light.scrolled .navbar-nav > .nav-item > .nav-link { color: #b8d4e8 !important; }
html.dark-theme .ftco-navbar-light.scrolled .navbar-nav > .nav-item > .nav-link:hover { color: var(--dt-green) !important; }

/* Dropdown */
html.dark-theme .nav-dropdown {
  background: #0d1f35 !important;
  border: 1px solid var(--dt-border) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.55) !important;
}
html.dark-theme .nav-dropdown li a { color: #b8d4e8 !important; }
html.dark-theme .nav-dropdown li a:hover,
html.dark-theme .nav-dropdown li a.is-active {
  color: var(--dt-green) !important;
  background: rgba(0,113,184,0.12) !important;
}

/* Mobile collapse */
html.dark-theme .collapse.navbar-collapse.show {
  background: #071220 !important;
  border-top: 1px solid var(--dt-border);
}
html.dark-theme .navbar-toggler {
  color: #d0e4f0 !important;
  border-color: rgba(255,255,255,0.2) !important;
}
html.dark-theme .navbar-toggler-icon { filter: invert(1); }

/* ─── 4. Buttons ──────────────────────────────────────────────────────────── */
html.dark-theme .btn.btn-primary,html.dark-theme .btn-primary {
  background: #0071b8 !important; border-color: #0071b8 !important; color: #fff !important;
}
html.dark-theme .btn.btn-primary:hover,html.dark-theme .btn-primary:hover {
  background: #005a93 !important; border-color: #005a93 !important;
}
html.dark-theme .btn.btn-secondary,html.dark-theme .btn-secondary {
  background: #a6cc39 !important; border-color: #a6cc39 !important; color: #0b1929 !important;
}
html.dark-theme .btn.btn-secondary:hover,html.dark-theme .btn-secondary:hover {
  background: #8db030 !important; border-color: #8db030 !important; color: #0b1929 !important;
}

/* ─── 5. Forms ────────────────────────────────────────────────────────────── */
html.dark-theme .form-control {
  background-color: var(--dt-bg3) !important;
  border-color: rgba(255,255,255,0.13) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .form-control::placeholder    { color: var(--dt-txt3) !important; opacity:1 !important; }
html.dark-theme .form-control::-webkit-input-placeholder { color: var(--dt-txt3) !important; }
html.dark-theme .form-control:-ms-input-placeholder     { color: var(--dt-txt3) !important; }
html.dark-theme .form-control:focus {
  background-color: var(--dt-bg4) !important;
  border-color: #0071b8 !important;
  box-shadow: 0 0 0 .15rem rgba(0,113,184,.3) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .form-control:disabled,
html.dark-theme .form-control[readonly] { background-color: var(--dt-bg2) !important; color: var(--dt-txt3) !important; }
html.dark-theme select.form-control option { background-color: var(--dt-bg3); color: var(--dt-txt1); }
html.dark-theme .input-group-text {
  background-color: var(--dt-bg3) !important;
  border-color: rgba(255,255,255,0.13) !important;
  color: var(--dt-txt2) !important;
}
html.dark-theme label { color: var(--dt-txt1); }

/* ─── 6. Cards (generic) ─────────────────────────────────────────────────── */
html.dark-theme .card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .card-header {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .card-body  { background: var(--dt-bg2) !important; color: var(--dt-txt2) !important; }
html.dark-theme .card-footer{ background: var(--dt-bg3) !important; border-color: var(--dt-border) !important; }

/* ─── 7. Tables ───────────────────────────────────────────────────────────── */
html.dark-theme .table { color: var(--dt-txt1) !important; }
html.dark-theme .table th { background: var(--dt-bg3) !important; color: var(--dt-txt1) !important; border-color: rgba(255,255,255,0.1) !important; }
html.dark-theme .table td { border-color: rgba(255,255,255,0.06) !important; color: var(--dt-txt2) !important; }
html.dark-theme .table thead th { border-color: rgba(255,255,255,0.12) !important; }
html.dark-theme .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,0.03) !important; }

/* ─── 8. Modals ───────────────────────────────────────────────────────────── */
html.dark-theme .modal-content  { background: var(--dt-bg2) !important; border-color: rgba(255,255,255,0.12) !important; color: var(--dt-txt1) !important; }
html.dark-theme .modal-header   { background: var(--dt-bg3) !important; border-color: var(--dt-border) !important; }
html.dark-theme .modal-footer   { background: var(--dt-bg3) !important; border-color: var(--dt-border) !important; }
html.dark-theme .modal-title    { color: var(--dt-txt1) !important; }
html.dark-theme .close          { color: var(--dt-txt2) !important; text-shadow: none !important; opacity:.8; }
html.dark-theme .close:hover    { color: var(--dt-txt1) !important; }
html.dark-theme .mfp-bg         { background: rgba(2,8,18,0.93); }
html.dark-theme .mfp-content .white-popup { background: var(--dt-bg2) !important; color: var(--dt-txt2) !important; }

/* ─── 9. Hero / Sliders ─────────────────────────────────────────────────── */
/* Darken breadcrumb hero overlays significantly in dark mode */
html.dark-theme .hero-wrap .overlay {
  background: linear-gradient(135deg, rgba(7, 18, 32, 0.82) 0%, rgba(7, 18, 32, 0.70) 55%, rgba(7, 18, 32, 0.50) 100%) !important;
  opacity: 1 !important;
}
html.dark-theme .home-slider .slider-item .overlay {
  background: linear-gradient(115deg, rgba(7, 18, 32, 0.2) 0%, rgba(7, 18, 32, 0.08) 58%, rgba(0, 113, 184, 0.04) 100%) !important;
  opacity: 1 !important;
}
/* Keep the banner photography visible; the slider's inline background-image remains intact. */
html.dark-theme .home-slider .slider-item {
  background-color: #071220 !important;
  background-blend-mode: normal !important;
}
/* Prevent images going invisible */
html.dark-theme img { filter: none; }
html.dark-theme .hero-wrap img,
html.dark-theme .slider-item img,
html.dark-theme .home-slider img { filter: none !important; }

/* ─── 10. TOP-LEVEL SECTIONS — background overrides ─────────────────────── */
html.dark-theme .home-about              { background: var(--dt-bg1) !important; }
html.dark-theme .specialities-section,
html.dark-theme .specialities-section--full { background: var(--dt-bg1) !important; }
html.dark-theme .hp-section,
html.dark-theme .hp-section--full        { background: var(--dt-bg1) !important; }
html.dark-theme .premium-doctors-section { background: var(--dt-bg1) !important; }
html.dark-theme .testimony-section,
html.dark-theme .ftco-section.testimony-section { background: #0d1f35 !important; }
html.dark-theme .ftco-intro,
html.dark-theme .subscribe-section       { background: #071220 !important; }
html.dark-theme .sp-page                 { background: var(--dt-bg1) !important; }

/* ─── 11. HOME ABOUT section ─────────────────────────────────────────────── */
html.dark-theme .home-about__title       { color: var(--dt-txt1) !important; }
html.dark-theme .home-about__lead        { color: var(--dt-txt2) !important; }
html.dark-theme .home-about__feature-body h3 { color: var(--dt-txt1) !important; }
html.dark-theme .home-about__feature-body p  { color: var(--dt-txt2) !important; }
html.dark-theme .home-about__feature-icon {
  background: rgba(0,113,184,0.18) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .home-about__feature:hover .home-about__feature-icon {
  background: #0071b8 !important; color: #fff !important;
}
html.dark-theme .home-about__cta-link { color: var(--dt-txt1) !important; }
html.dark-theme .home-about__cta-link:hover { color: var(--dt-blue) !important; }

/* ─── 12. SPECIALITY CARDS ───────────────────────────────────────────────── */
html.dark-theme .speciality-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.4) !important;
}
html.dark-theme .speciality-card:hover {
  border-color: rgba(0,113,184,0.4) !important;
  box-shadow: 0 12px 32px rgba(0,113,184,0.2) !important;
}
html.dark-theme .speciality-card__header-box {
  background: linear-gradient(180deg, #162d47 0%, var(--dt-bg2) 100%) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .speciality-card__icon     { background: rgba(0,113,184,0.2) !important; color: var(--dt-blue) !important; }
html.dark-theme .speciality-card:hover .speciality-card__icon { background: #0071b8 !important; color:#fff !important; }
html.dark-theme .speciality-card__title    { color: var(--dt-txt1) !important; }
html.dark-theme .speciality-card__sub-heading { color: var(--dt-txt1) !important; }
html.dark-theme .speciality-card__sub-name    { color: var(--dt-txt2) !important; }
html.dark-theme .speciality-card__sub-row { border-bottom-color: rgba(255,255,255,0.07) !important; }
html.dark-theme .speciality-card__sub-row:hover { background: rgba(0,113,184,0.1) !important; }
html.dark-theme .speciality-card__sub-badge { background: rgba(0,113,184,0.18) !important; color: var(--dt-blue) !important; }
html.dark-theme .speciality-card__sub-row:hover .speciality-card__sub-badge { background: #0071b8 !important; color:#fff !important; }
html.dark-theme .speciality-card__sub-chevron { color: var(--dt-txt3) !important; }
html.dark-theme .speciality-card__btn-readmore {
  background: rgba(0,113,184,0.12) !important;
  border-color: rgba(0,113,184,0.25) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .speciality-card__btn-readmore:hover {
  background: #0071b8 !important; border-color: #0071b8 !important; color:#fff !important;
}
html.dark-theme .speciality-card__sub-list.is-scrollable::-webkit-scrollbar-track  { background: var(--dt-bg3); }
html.dark-theme .speciality-card__sub-list.is-scrollable::-webkit-scrollbar-thumb  { background: #3a5a78; }

/* ─── 13. HEALTH PACKAGE CARDS ───────────────────────────────────────────── */
html.dark-theme .hp-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.4) !important;
}
html.dark-theme .hp-card:hover    { border-color: rgba(0,113,184,0.4) !important; box-shadow: 0 14px 32px rgba(0,113,184,0.2) !important; }
html.dark-theme .hp-card__image-wrap { background: var(--dt-bg3) !important; }
html.dark-theme .hp-card__title   { color: var(--dt-txt1) !important; }
html.dark-theme .hp-card__tests   { background: rgba(166,204,57,0.13) !important; color: var(--dt-green) !important; }
html.dark-theme .hp-card__divider { border-color: var(--dt-border) !important; }
html.dark-theme .hp-card__price   { color: var(--dt-blue) !important; }
html.dark-theme .hp-card__price-original { color: var(--dt-txt3) !important; }
html.dark-theme .hp-card__cta     { background: #1460a0 !important; color: #fff !important; }
html.dark-theme .hp-card__cta:hover { background: #0071b8 !important; }
html.dark-theme .hp-card__badge   { background: var(--dt-bg3) !important; }

/* HP filter bar */
html.dark-theme .hp-filter-bar {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .hp-filter-input,
html.dark-theme .hp-filter-select {
  background: var(--dt-bg3) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .hp-filter-input::placeholder { color: var(--dt-txt3) !important; }
html.dark-theme .hp-filter-input:focus,
html.dark-theme .hp-filter-select:focus { border-color: #0071b8 !important; box-shadow: 0 0 0 3px rgba(0,113,184,.2) !important; }
html.dark-theme .hp-filter-label { color: var(--dt-txt1) !important; }
html.dark-theme .hp-filter-count { color: var(--dt-txt2) !important; }
html.dark-theme .hp-filter-count strong { color: var(--dt-txt1) !important; }
html.dark-theme .hp-filter-reset { border-color: rgba(0,113,184,0.4) !important; color: var(--dt-blue) !important; }
html.dark-theme .hp-filter-reset:hover { background: #0071b8 !important; color:#fff !important; }
html.dark-theme .hp-empty-state {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .hp-empty-state h4 { color: var(--dt-txt1) !important; }
html.dark-theme .hp-empty-state p  { color: var(--dt-txt2) !important; }

/* ─── 14. DOCTOR CARDS ───────────────────────────────────────────────────── */
html.dark-theme .premium-doctors-section { background: var(--dt-bg1) !important; }
html.dark-theme .premium-doctor-card {
  background-color: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 4px 18px rgba(0,0,0,.4) !important;
}
html.dark-theme .premium-doctor-card:hover { border-color: rgba(0,113,184,0.4) !important; }
html.dark-theme .premium-doctor-card .dr-name    { color: var(--dt-txt1) !important; }
html.dark-theme .premium-doctor-card .dr-specialty { color: var(--dt-blue) !important; }
html.dark-theme .premium-doctor-card .dr-desc    { color: var(--dt-txt2) !important; }
html.dark-theme .premium-doctor-card .badge-item {
  background: rgba(0,113,184,0.18) !important;
  color: #b8d4e8 !important;
}
html.dark-theme .premium-doctor-card .footer-section { border-color: var(--dt-border) !important; }
html.dark-theme .premium-doctor-card .social-icon {
  background-color: var(--dt-bg3) !important;
  border-color: rgba(0,113,184,0.4) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .premium-doctor-card .social-icon:hover { background-color: #0c2647 !important; border-color: #0c2647 !important; color:#fff !important; }

/* Doctor filter bar */
html.dark-theme .doctors-filter-bar {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .doctors-filter-bar .filter-label { color: var(--dt-txt1) !important; }
html.dark-theme .doctors-filter-bar .filter-select {
  background: var(--dt-bg3) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .doctors-filter-bar .filter-select:hover { border-color: #0071b8 !important; }
html.dark-theme .doctors-filter-bar .filter-select:focus { border-color: #0071b8 !important; box-shadow: 0 0 0 3px rgba(0,113,184,.18) !important; }
html.dark-theme .doctors-filter-bar .filter-count { color: var(--dt-txt2) !important; }
html.dark-theme .doctors-filter-bar .filter-count strong { color: var(--dt-txt1) !important; }
html.dark-theme .doctors-filter-bar .filter-reset-btn { border-color: rgba(0,113,184,0.4) !important; color: var(--dt-blue) !important; }
html.dark-theme .doctors-filter-bar .filter-reset-btn:hover { background: #0071b8 !important; color:#fff !important; }

/* Doctors empty state */
html.dark-theme .doctors-empty-state {
  background: linear-gradient(135deg, #112236 0%, var(--dt-bg1) 100%) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .doctors-empty-state h4 { color: var(--dt-txt1) !important; }
html.dark-theme .doctors-empty-state p  { color: var(--dt-txt2) !important; }
html.dark-theme .doctors-empty-state .empty-filter-chip { background: var(--dt-bg3) !important; color: var(--dt-txt2) !important; }
html.dark-theme .doctors-empty-state .empty-btn-secondary {
  background: var(--dt-bg3) !important; border-color: var(--dt-border) !important; color: var(--dt-txt1) !important;
}
html.dark-theme .doctors-empty-state .empty-btn-secondary i { color: var(--dt-blue) !important; }

/* ─── 15. BLOG CARDS ─────────────────────────────────────────────────────── */
html.dark-theme .blog-entry {
  background: var(--dt-bg2) !important;
  border: 1px solid var(--dt-border) !important;
}
html.dark-theme .blog-entry .text { background: var(--dt-bg2) !important; }
html.dark-theme .blog-entry .text .heading a { color: var(--dt-txt1) !important; }
html.dark-theme .blog-entry .text .heading a:hover { color: var(--dt-blue) !important; }
html.dark-theme .blog-entry .meta a { color: var(--dt-txt2) !important; }
html.dark-theme .blog-entry .meta a:hover { color: var(--dt-blue) !important; }
html.dark-theme .blog-entry .text p { color: var(--dt-txt2) !important; }

/* Blog skeleton */
html.dark-theme .blog-skeleton-card { background: var(--dt-bg2) !important; }

/* ─── 16. TESTIMONIALS ───────────────────────────────────────────────────── */
html.dark-theme .testimony-section .text,
html.dark-theme .testimony-section .text.bg-light {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
  color: var(--dt-txt2) !important;
}
html.dark-theme .testimony-section .name { color: var(--dt-txt1) !important; }
html.dark-theme .testimony-section .position { color: var(--dt-txt2) !important; }

/* ─── 17. PRICING ────────────────────────────────────────────────────────── */
html.dark-theme .pricing-entry {
  background: var(--dt-bg2) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: var(--dt-txt2) !important;
}
html.dark-theme .pricing-entry h3 { color: var(--dt-txt1) !important; }
html.dark-theme .pricing-entry .price .number { color: var(--dt-blue) !important; }
html.dark-theme .pricing-entry.active,
html.dark-theme .pricing-entry:hover {
  background: #0071b8 !important; border-color: #0071b8 !important; color:#fff !important;
}
html.dark-theme .pricing-entry.active .price .number,
html.dark-theme .pricing-entry:hover .price .number { color: #a6cc39 !important; }
html.dark-theme .pricing-entry.active h3,
html.dark-theme .pricing-entry:hover h3 { color:#fff !important; }

/* ─── 18. COUNTER / STATS ────────────────────────────────────────────────── */
html.dark-theme .ftco-counter .bg-counter { background: var(--dt-bg2) !important; }
html.dark-theme .ftco-counter .bg-counter h3.vr { color: var(--dt-txt1) !important; }
html.dark-theme .ftco-counter .text strong.number { color: var(--dt-blue) !important; }
html.dark-theme .ftco-counter .text span { color: var(--dt-txt2) !important; }

/* ─── 19. FAQ (accordion) ────────────────────────────────────────────────── */
html.dark-theme .faq-item,
html.dark-theme .accordion-item { background: var(--dt-bg2) !important; border-color: var(--dt-border) !important; }
html.dark-theme .faq-question,
html.dark-theme .accordion-button { background: var(--dt-bg3) !important; color: var(--dt-txt1) !important; border-color: var(--dt-border) !important; }
html.dark-theme .accordion-button:not(.collapsed) { background: var(--dt-bg4) !important; }
html.dark-theme .faq-question:hover { background: var(--dt-bg4) !important; color: var(--dt-blue) !important; }
html.dark-theme .faq-answer,
html.dark-theme .accordion-body { background: var(--dt-bg2) !important; color: var(--dt-txt2) !important; }
html.dark-theme .faq-icon { color: var(--dt-blue) !important; }

/* ─── 20. LOCATION CARDS ─────────────────────────────────────────────────── */
html.dark-theme .location-card { background: var(--dt-bg2) !important; border-color: var(--dt-border) !important; }
html.dark-theme .locations-section { background: var(--dt-bg1) !important; }
html.dark-theme .locations-header__text p,
html.dark-theme .location-card__address { color: var(--dt-txt2) !important; }
html.dark-theme .location-card__city,
html.dark-theme .location-card__title,
html.dark-theme .location-card__cta { color: var(--dt-txt1) !important; }
html.dark-theme .location-card__pin,
html.dark-theme .location-card__arrow { color: var(--dt-blue) !important; stroke: currentColor; }
html.dark-theme .location-card__address,
html.dark-theme .location-card__meta { color: var(--dt-txt2) !important; }
html.dark-theme .location-card-hover-bg::after { background: rgba(7, 18, 32, 0.7); }
html.dark-theme .location-card:hover .location-card__city,
html.dark-theme .location-card:hover .location-card__title,
html.dark-theme .location-card:hover .location-card__address,
html.dark-theme .location-card:hover .location-card__cta { color: #fff !important; }
html.dark-theme .location-card:hover .location-card__city .location-card__pin {
  color: var(--dt-green) !important;
  stroke: var(--dt-green) !important;
}

/* Homepage qualified-doctors section */
html.dark-theme .home-doctors-section {
  background: var(--dt-bg1) !important;
}
html.dark-theme .home-doctors-header .icon-wrap {
  background: rgba(0, 113, 184, 0.2) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .home-doctors-header .subheading,
html.dark-theme .home-doctors-header h2 span,
html.dark-theme .home-doctors-header .divider { color: var(--dt-blue) !important; }
html.dark-theme .home-doctors-header h2 { color: var(--dt-txt1) !important; }
html.dark-theme .home-doctors-header p { color: var(--dt-txt2) !important; }
html.dark-theme .home-doc-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
}
html.dark-theme .home-doc-card .img-box { background: var(--dt-bg3) !important; }
html.dark-theme .home-doc-card .img-box .icon-badge {
  background: var(--dt-bg2) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .home-doc-card .img-box .wave path { fill: var(--dt-bg2) !important; }
html.dark-theme .home-doc-card .content-box h3 { color: var(--dt-txt1) !important; }
html.dark-theme .home-doc-card .content-box .specialty,
html.dark-theme .home-doc-card .content-box .location i { color: var(--dt-blue) !important; }
html.dark-theme .home-doc-card .content-box .loc-badge {
  background: rgba(0, 113, 184, 0.18) !important;
  color: #b8d4e8 !important;
}

/* Homepage FAQ cards use inline light-theme styles, so keep these overrides scoped. */
html.dark-theme .home-faq-section {
  background: linear-gradient(180deg, var(--dt-bg1) 0%, var(--dt-bg2) 55%, #122b38 100%) !important;
}
html.dark-theme .home-faq-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25) !important;
}
html.dark-theme .home-faq-section .home-faq-card h3,
html.dark-theme .home-faq-section .home-faq-card p {
  color: var(--dt-txt2) !important;
}
html.dark-theme .home-faq-section .home-faq-card h3 { color: var(--dt-txt1) !important; }
html.dark-theme .home-faq-section > .container > .row h5,
html.dark-theme .home-faq-section .home-faq-card h5 {
  color: var(--dt-txt1) !important;
}
html.dark-theme .home-faq-section > .container > .row [style*="color: #5a6b7d"],
html.dark-theme .home-faq-section > .container > .row [style*="color: '#5a6b7d'"] {
  color: #c4d6e0 !important;
}
html.dark-theme .home-faq-section .home-faq-card > div:last-child > div {
  color: #c4d6e0 !important;
  border-top-color: var(--dt-border) !important;
}
html.dark-theme .home-faq-section .home-faq-subtitle {
  color: #c4d6e0 !important;
}

/* Homepage blog cards */
html.dark-theme .blog-list { background: var(--dt-bg1) !important; }
html.dark-theme .blog-list-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}
html.dark-theme .blog-list-card__cat {
  background: rgba(7, 18, 32, 0.88) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .blog-list-card__meta,
html.dark-theme .blog-list-card__excerpt,
html.dark-theme .blog-list-card__author span { color: var(--dt-txt2) !important; }
html.dark-theme .blog-list-card__title,
html.dark-theme .blog-list-card__author strong { color: var(--dt-txt1) !important; }
html.dark-theme .blog-list-card__more { color: var(--dt-blue) !important; }
html.dark-theme .blog-list-card__foot { border-top-color: var(--dt-border) !important; }
html.dark-theme .blog-list-card:hover .blog-list-card__title,
html.dark-theme .blog-list-card:hover .blog-list-card__more { color: var(--dt-green) !important; }

/* ─── 21. SPECIALITY DETAIL (sp-card, sp-* components) ─────────────────── */
html.dark-theme .sp-card {
  background: var(--dt-bg2) !important;
  box-shadow: 0 8px 32px -8px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.2) !important;
}
html.dark-theme .sp-section--ticks,
html.dark-theme .sp-section--procedures,
html.dark-theme .sp-section--conditions,
html.dark-theme .sp-section--text,
html.dark-theme .sp-section--icongrid,
html.dark-theme .sp-section--imagetext {
  background: var(--dt-bg2) !important;
}
/* Alternating section bands use #f4f8fd in light mode — override to dark. */
html.dark-theme .speciality-detail .sp-section-band--alt {
  background: var(--dt-bg2) !important;
}
/* Section title color becomes light from dark-theme but band may also be light → pin it explicitly. */
html.dark-theme .speciality-detail .sp-section__title,
html.dark-theme .loc-sp-page .sp-section__title {
  color: var(--dt-txt1) !important;
}
html.dark-theme .sp-hero__title  { color: var(--dt-txt1) !important; }
html.dark-theme .sp-hero__title { color: #fff !important; }
html.dark-theme .sp-hero__body p { color: var(--dt-txt2) !important; }
html.dark-theme .sp-section__title  { color: var(--dt-txt1) !important; }
html.dark-theme .sp-section p    { color: var(--dt-txt2) !important; }
html.dark-theme .sp-hero__badge  { background: var(--dt-bg3) !important; color: var(--dt-txt1) !important; }
html.dark-theme .sp-hero__phone  { color: var(--dt-txt1) !important; }
html.dark-theme .sp-hero__phone small { color: var(--dt-txt2) !important; }
html.dark-theme .sp-hero__phone-icon { background: rgba(0,113,184,.2) !important; color: var(--dt-blue) !important; }
html.dark-theme .sp-hero__media  { background: var(--dt-bg3) !important; }
html.dark-theme .sp-imagetext__media { background: var(--dt-bg3) !important; }
html.dark-theme .sp-condition {
  background: rgba(0,113,184,0.1) !important;
  border-color: rgba(0,113,184,0.15) !important;
}
html.dark-theme .sp-condition:hover { background: var(--dt-bg3) !important; }
html.dark-theme .sp-condition__label { color: var(--dt-txt1) !important; }
html.dark-theme .sp-eyebrow { color: var(--dt-blue) !important; }

/* ─── 22. PAGE INTRO / EYEBROW LABELS ───────────────────────────────────── */
html.dark-theme .page-intro__title   { color: var(--dt-txt1) !important; }
html.dark-theme .page-intro__eyebrow { color: var(--dt-blue) !important; }
html.dark-theme .page-intro__lead    { color: var(--dt-txt2) !important; }
html.dark-theme .page-intro__chip {
  background: var(--dt-bg3) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: var(--dt-txt1) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.3) !important;
}
html.dark-theme .page-intro__chip strong { color: var(--dt-blue) !important; }
html.dark-theme .subheading            { color: var(--dt-blue) !important; }
html.dark-theme .heading-section h2    { color: var(--dt-txt1) !important; }
html.dark-theme .ftco-section .heading-section .subheading { color: var(--dt-blue) !important; }

/* ─── 23. BREADCRUMB ─────────────────────────────────────────────────────── */
html.dark-theme .breadcrumb-item.active { color: var(--dt-txt2) !important; }
html.dark-theme .breadcrumb-item a      { color: var(--dt-txt2) !important; }
html.dark-theme .breadcrumb-item+.breadcrumb-item::before { color: var(--dt-txt3) !important; }

/* ─── 24. FOOTER (already dark navy — keep but adjust) ──────────────────── */
html.dark-theme .ftco-footer,
html.dark-theme .ftco-footer.ftco-bg-dark {
  background: #040e1a !important;
  border-top: 1px solid rgba(255,255,255,0.06);
}
html.dark-theme .ftco-footer p,
html.dark-theme .ftco-footer .text { color: rgba(160,190,215,0.75) !important; }
html.dark-theme .ftco-footer .list-unstyled li a { color: rgba(160,190,215,0.75) !important; }
html.dark-theme .ftco-footer .list-unstyled li a:hover { color: #a6cc39 !important; }

/* ─── 25. SCROLL TO TOP ──────────────────────────────────────────────────── */
html.dark-theme .scroll-to-top-btn {
  background: #0071b8 !important;
  border-color: rgba(0,113,184,0.4) !important;
  color: #fff !important;
}
html.dark-theme .scroll-to-top-btn:hover { background: #a6cc39 !important; color: #0b1929 !important; }

/* ─── 26. HP / SPECIALITY skeleton shimmers ──────────────────────────────── */
html.dark-theme .hpd-skel-shimmer {
  background: linear-gradient(90deg, #19304a 0%, #243f5e 50%, #19304a 100%) !important;
  background-size: 800px 100% !important;
}
html.dark-theme .hpd-skel-panel { background: var(--dt-bg2) !important; border-color: var(--dt-border) !important; }
html.dark-theme .hpd-skel-price-card { background: var(--dt-bg3) !important; border-color: var(--dt-border) !important; }
html.dark-theme .hpd-notfound {
  background: var(--dt-bg2) !important; border-color: var(--dt-border) !important;
}
html.dark-theme .hpd-notfound__title { color: var(--dt-txt1) !important; }
html.dark-theme .hpd-notfound__desc  { color: var(--dt-txt2) !important; }
html.dark-theme .hpd-notfound__cta--ghost {
  background: transparent !important; color: var(--dt-txt1) !important; border-color: rgba(255,255,255,0.15) !important;
}
html.dark-theme .hpd-notfound__cta--ghost:hover { background: var(--dt-bg3) !important; color: var(--dt-blue) !important; }
html.dark-theme .hpd-notfound__help-link { color: var(--dt-txt1) !important; }
html.dark-theme .hpd-notfound__help-title { color: var(--dt-txt2) !important; }
html.dark-theme .hpd-notfound__help { border-color: var(--dt-border) !important; }

/* ─── 27. NOT FOUND PAGE ─────────────────────────────────────────────────── */
html.dark-theme .not-found-wrapper { background: var(--dt-bg1) !important; color: var(--dt-txt1) !important; }

/* ─── 28. CAREER PAGE ────────────────────────────────────────────────────── */
html.dark-theme .premium-career-page { background: var(--dt-bg1) !important; }
html.dark-theme .career-hero         { background: var(--dt-bg1) !important; }
html.dark-theme .job-card,
html.dark-theme .career-card         { background: var(--dt-bg2) !important; border-color: var(--dt-border) !important; color: var(--dt-txt2) !important; }
html.dark-theme .job-card h3,
html.dark-theme .career-card h3      { color: var(--dt-txt1) !important; }

/* ─── 29. INSURANCE / VISITOR GUIDE / PATIENT FEEDBACK ─────────────────── */
html.dark-theme .insurance-card,
html.dark-theme .info-card,
html.dark-theme .feedback-card      { background: var(--dt-bg2) !important; border-color: var(--dt-border) !important; }

/* ─── 30. PRIVACY / TERMS / DISCLAIMERS ─────────────────────────────────── */
html.dark-theme .policy-content,
html.dark-theme .terms-content      { background: var(--dt-bg2) !important; border-color: var(--dt-border) !important; color: var(--dt-txt2) !important; }
html.dark-theme .policy-content h2,
html.dark-theme .policy-content h3,
html.dark-theme .terms-content h2,
html.dark-theme .terms-content h3   { color: var(--dt-txt1) !important; }

/* ─── 31. DEPARTMENTS / TABS ─────────────────────────────────────────────── */
html.dark-theme .ftco-departments .nav-pills .nav-link {
  color: var(--dt-txt2) !important; background: var(--dt-bg3) !important;
}
html.dark-theme .ftco-departments .nav-pills .nav-link.active {
  background: #0071b8 !important; color: #fff !important;
}
html.dark-theme .ftco-departments .nav-pills .nav-link:hover { color: var(--dt-blue) !important; }

/* ─── 32. SPECIALITY & LOCATION — locations-header / specialities-header ── */
html.dark-theme .specialities-header__text p { color: var(--dt-txt2) !important; }
html.dark-theme .hp-section__header-text p   { color: var(--dt-txt2) !important; }

/* ─── 33. CONTACT / BOOK APPOINTMENT forms ──────────────────────────────── */
html.dark-theme .contact-info .icon,
html.dark-theme .d-flex.align-self-stretch.box .icon { color: var(--dt-blue) !important; }
html.dark-theme .dbox {
  background: var(--dt-bg2) !important; border: 1px solid var(--dt-border) !important;
}

/* ─── 34. SERVICES BLOCKS ────────────────────────────────────────────────── */
html.dark-theme .ftco-services .services { background: #085d96 !important; }
html.dark-theme .ftco-services .services:nth-child(even) { background: #071220 !important; }

/* ─── 35. PREMIUM DETAIL / CAREER CSS (pages/premium-detail.css etc) ────── */
html.dark-theme .premium-detail-section,
html.dark-theme .premium-detail-card {
  background: var(--dt-bg2) !important; border-color: var(--dt-border) !important;
}
html.dark-theme .premium-detail-card h2,
html.dark-theme .premium-detail-card h3 { color: var(--dt-txt1) !important; }

/* ─── 36. THANK YOU PAGE ─────────────────────────────────────────────────── */
html.dark-theme .thank-you-section { background: var(--dt-bg1) !important; }
html.dark-theme .thank-you-card    { background: var(--dt-bg2) !important; border-color: var(--dt-border) !important; }

/* ─── 37. SHADOWS ────────────────────────────────────────────────────────── */
html.dark-theme .shadow,
html.dark-theme .shadow-sm,
html.dark-theme .shadow-lg { box-shadow: 0 4px 24px rgba(0,0,0,.55) !important; }

/* ─── 38. THEME TOGGLE BUTTON ────────────────────────────────────────────── */
/* Light mode: moon icon */
#theme-toggle-btn { outline: none; }
#theme-toggle-btn:hover { background: rgba(0,113,184,0.14) !important; transform: scale(1.1); }
/* Dark mode: sun icon */
html.dark-theme #theme-toggle-btn {
  border-color: rgba(166,204,57,0.4) !important;
  background: rgba(166,204,57,0.1) !important;
  color: #a6cc39 !important;
}
html.dark-theme #theme-toggle-btn:hover { background: rgba(166,204,57,0.22) !important; transform: scale(1.1); }

/* The top header owns the toggle before scroll; the sticky menu owns it after scroll. */
.theme-toggle-slot--nav { display: none !important; }
.ftco-navbar-light.scrolled .theme-toggle-slot--top { display: none !important; }
.ftco-navbar-light.scrolled .theme-toggle-slot--nav { display: inline-flex !important; }

@media (max-width: 767.98px) {
  .theme-toggle-slot--top { display: none !important; }
  .theme-toggle-slot--nav { display: inline-flex !important; }
}

/* Speciality and location-master outro copy is transparent and white in dark mode. */
html.dark-theme .sp-section__outro,
html.dark-theme .sp-section__outro * {
  background: transparent !important;
  color: #fff !important;
}
html.dark-theme .sp-section__intro,
html.dark-theme .sp-section__intro * {
  background: transparent !important;
  color: #fff !important;
}
html.dark-theme .sp-section--ticks > div:not(.sp-section__head),
html.dark-theme .loc-section--ticks > div:not(.sp-section__head) {
  background: transparent !important;
}

/* ─── 39. SPECIFIC HARDCODED-COLOR overrides ─────────────────────────────── */
/* These selectors target hardcoded #fff / #ffffff values that aren't covered by variables */

/* speciality-card footer button */
html.dark-theme .speciality-card__footer { background: transparent !important; }

/* sp-hero badge (uses hardcoded #fff) */
html.dark-theme .sp-hero__badge { background: var(--dt-bg3) !important; color: var(--dt-txt1) !important; }

/* Ticker row conditions */
html.dark-theme .sp-tick { color: var(--dt-txt2) !important; }
html.dark-theme .sp-tick-icon { color: var(--dt-green) !important; }

/* Procedure list */
html.dark-theme .sp-procedure { color: var(--dt-txt2) !important; }

/* Owl carousel dots */
html.dark-theme .owl-dots .owl-dot span { background: var(--dt-bg3) !important; }
html.dark-theme .owl-dots .owl-dot.active span { background: #0071b8 !important; }

/* CTA banner */
html.dark-theme .sp-cta-banner { background: linear-gradient(135deg, #063a6e 0%, #0b5ea6 60%, #0c7a55 100%) !important; }

/* ─── 40. BLOG DETAIL, TESTIMONIALS FULL PAGE ────────────────────────────── */
html.dark-theme .blog-detail-section  { background: var(--dt-bg1) !important; }
html.dark-theme .blog-detail-card     { background: var(--dt-bg2) !important; border-color: var(--dt-border) !important; }
html.dark-theme .blog-detail-card h1,
html.dark-theme .blog-detail-card h2,
html.dark-theme .blog-detail-card h3  { color: var(--dt-txt1) !important; }
html.dark-theme .blog-detail-card p   { color: var(--dt-txt2) !important; }

html.dark-theme .testimonials-page-section { background: var(--dt-bg1) !important; }

/* ── Filter tab buttons ── */
html.dark-theme .testimonials-filter-btn {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
  color: var(--dt-txt2) !important;
}
html.dark-theme .testimonials-filter-btn.is-active {
  background: #0071b8 !important;
  color: #ffffff !important;
  border-color: #0071b8 !important;
}

/* ── Written testimonial cards ── */
html.dark-theme .testimony-card,
html.dark-theme .testimony-card--written {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28) !important;
}
html.dark-theme .testimony-card__name        { color: var(--dt-txt1) !important; }
html.dark-theme .testimony-card__rating-bar  { border-bottom-color: var(--dt-border) !important; }
html.dark-theme .testimony-card__rating-text { color: var(--dt-txt2) !important; }
html.dark-theme .testimony-card__message-text { color: var(--dt-txt2) !important; }
html.dark-theme .testimony-card__dots-btn {
  background: rgba(47, 163, 226, 0.12) !important;
  color: var(--dt-blue) !important;
  border-color: rgba(47, 163, 226, 0.25) !important;
}

/* ─── 41. SCROLL BAR (webkit) ────────────────────────────────────────────── */
html.dark-theme ::-webkit-scrollbar       { width: 8px; height: 8px; }
html.dark-theme ::-webkit-scrollbar-track { background: var(--dt-bg2); }
html.dark-theme ::-webkit-scrollbar-thumb { background: #2c4f6e; border-radius: 4px; }
html.dark-theme ::-webkit-scrollbar-thumb:hover { background: #3d6a8e; }

/* ─── 42. ABOUT PAGE DETAIL ──────────────────────────────────────────────── */
html.dark-theme .about-accordion-card,
html.dark-theme .about-stat-card,
html.dark-theme .about-value-card,
html.dark-theme .about-timeline-item { background: var(--dt-bg2) !important; border-color: var(--dt-border) !important; }
html.dark-theme .about-accordion-card h3 { color: var(--dt-txt1) !important; }

/* ─── 43. IMAGE VISIBILITY FIX ───────────────────────────────────────────── */
/* Ensure images stay fully visible in dark mode */
html.dark-theme img {
  filter: brightness(0.93) contrast(1.03);
}
/* Carousel images – should stay clean */
html.dark-theme .owl-carousel img,
html.dark-theme .slider-item img,
html.dark-theme .hp-card__image,
html.dark-theme .premium-doctor-card .img-container img,
html.dark-theme .sp-hero__media img,
html.dark-theme .sp-imagetext__media img,
html.dark-theme .home-about__media img,
html.dark-theme .staff img,
html.dark-theme .blog-entry img {
  filter: brightness(0.9) contrast(1.04) !important;
  opacity: 1 !important;
}
/* SVG icons - keep visible */
html.dark-theme svg { opacity: 1 !important; }
/* Logo images should not be dimmed */
html.dark-theme .navbar-brand img,
html.dark-theme .footer-logo img { filter: none !important; opacity:1 !important; }

/* ─── 44. SP-FEATURE cards (hardcoded #fff background) ──────────────────── */
html.dark-theme .sp-section--features     { background: var(--dt-bg2) !important; }
html.dark-theme .sp-section--tickgroups  { background: var(--dt-bg2) !important; }
html.dark-theme .sp-section--grouped     { background: var(--dt-bg2) !important; }
html.dark-theme .sp-section--doctors     { background: var(--dt-bg2) !important; }
html.dark-theme .sp-section--faqs        { background: var(--dt-bg2) !important; }
/* individual sp-feature card */
html.dark-theme .sp-feature {
  background: var(--dt-bg3) !important;
  border-color: rgba(0,113,184,0.15) !important;
}
html.dark-theme .sp-feature:hover {
  border-color: rgba(0,113,184,0.4) !important;
  box-shadow: 0 16px 30px -18px rgba(0,113,184,0.35) !important;
}
html.dark-theme .sp-feature__title  { color: var(--dt-txt1) !important; }
html.dark-theme .sp-feature__body p { color: var(--dt-txt2) !important; }
/* sp-group card */
html.dark-theme .sp-group {
  background: var(--dt-bg3) !important;
  border-color: rgba(0,113,184,0.12) !important;
}
html.dark-theme .sp-group__title  { color: var(--dt-blue) !important; }
html.dark-theme .sp-tick-group__subheading { color: var(--dt-txt1) !important; }
/* sp-procedure card */
html.dark-theme .sp-procedure {
  background: var(--dt-bg3) !important;
  border-color: rgba(0,113,184,0.12) !important;
}
html.dark-theme .sp-procedure:hover { box-shadow: 0 20px 40px -18px rgba(0,113,184,0.3) !important; }
html.dark-theme .sp-procedure__name { color: var(--dt-txt1) !important; }
html.dark-theme .sp-procedure p     { color: var(--dt-txt2) !important; }
/* sp-doctor (speciality-page doctor grid) */
html.dark-theme .sp-doctors {
  background: radial-gradient(600px 200px at 50% 0%, rgba(0,113,184,0.06), transparent 70%), var(--dt-bg2) !important;
}
html.dark-theme .sp-doctor__name  { color: var(--dt-txt1) !important; }
html.dark-theme .sp-doctor__title { color: var(--dt-blue) !important; }
html.dark-theme .sp-doctor__photo { background-color: var(--dt-bg3) !important; border-color: var(--dt-bg2) !important; }
/* sp-faq */
html.dark-theme .sp-faq {
  background: linear-gradient(180deg, var(--dt-bg3) 0%, rgba(25,48,74,0.5) 100%) !important;
}
html.dark-theme .sp-faq__item {
  background: var(--dt-bg2) !important;
  border-color: rgba(255,255,255,0.08) !important;
}
html.dark-theme .sp-faq__item:hover { box-shadow: 0 8px 24px -12px rgba(0,113,184,0.2) !important; }
html.dark-theme .sp-faq__item.is-open { border-color: #0071b8 !important; }
html.dark-theme .sp-faq__q-text   { color: var(--dt-txt1) !important; }
html.dark-theme .sp-faq__item.is-open .sp-faq__q-text { color: var(--dt-blue) !important; }
html.dark-theme .sp-faq__answer   { color: var(--dt-txt2) !important; }
/* sp tick list text */
html.dark-theme .sp-tick-list li  { color: var(--dt-txt2) !important; }
html.dark-theme .sp-tick-list li strong { color: var(--dt-blue) !important; }
html.dark-theme .sp-icon-item__label { color: var(--dt-txt1) !important; }
/* sp icon item label */
html.dark-theme .sp-condition__label { color: var(--dt-txt1) !important; }

/* Location detail page: match the speciality detail navy card system. */
html.dark-theme .ld-page {
  background:
    radial-gradient(900px 400px at 0% 0%, rgba(0, 113, 184, 0.12), transparent 60%),
    radial-gradient(900px 400px at 100% 20%, rgba(166, 204, 57, 0.08), transparent 60%),
    var(--dt-bg1) !important;
}
html.dark-theme .ld-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.32) !important;
}
html.dark-theme .ld-hero__media { background: var(--dt-bg3) !important; }
html.dark-theme .ld-hero__media::after {
  background: linear-gradient(to top, rgba(7, 18, 32, 0.46) 0%, rgba(7, 18, 32, 0.08) 45%, transparent 70%) !important;
}
html.dark-theme .ld-hero {
  background: linear-gradient(160deg, #071526 0%, #0b1929 55%, #0a1e30 100%) !important;
  border-top-color: rgba(0, 113, 184, 0.45) !important;
}
html.dark-theme .ld-hero__body { background: var(--dt-bg2) !important; }
html.dark-theme .ld-hero__trust {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
html.dark-theme .ld-hero__trust-badge {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(47, 163, 226, 0.2) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .ld-eyebrow,
html.dark-theme .ld-section__head .ld-eyebrow { color: var(--dt-blue) !important; }
html.dark-theme .ld-section__title,
html.dark-theme .ld-hero__title,
html.dark-theme .ld-hero__highlight { color: #fff !important; }
html.dark-theme .ld-hero__intro,
html.dark-theme .ld-why__intro,
html.dark-theme .ld-why__item,
html.dark-theme .ld-why__closing,
html.dark-theme .ld-facilities-card__intro,
html.dark-theme .ld-facilities-card__closing,
html.dark-theme .ld-facility__desc,
html.dark-theme .ld-facility__sublist,
html.dark-theme .ld-contact__list p { color: var(--dt-txt2) !important; }
html.dark-theme .ld-hero__phone,
html.dark-theme .ld-hero__phone strong,
html.dark-theme .ld-contact__list strong { color: var(--dt-txt1) !important; }
html.dark-theme .ld-hero__phone small { color: var(--dt-txt2) !important; }
html.dark-theme .ld-hero__phone-icon {
  background: rgba(47, 163, 226, 0.16) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .ld-hero__city {
  background: rgba(17, 34, 54, 0.92) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .ld-hero__city svg { color: var(--dt-green) !important; }
html.dark-theme .ld-why__item strong { color: var(--dt-blue) !important; }
html.dark-theme .ld-why__closing {
  background: linear-gradient(90deg, rgba(0, 113, 184, 0.16), rgba(166, 204, 57, 0.08)) !important;
  border-left-color: var(--dt-blue) !important;
}
html.dark-theme .ld-facility {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .ld-facility:hover { box-shadow: 0 12px 26px rgba(0, 0, 0, 0.35) !important; }
html.dark-theme .ld-facility__icon {
  background: rgba(255, 255, 255, 0.08) !important;
}
html.dark-theme .ld-facility__label,
html.dark-theme .ld-facility--rich .ld-facility__label { color: var(--dt-txt1) !important; }
html.dark-theme .ld-facility__subtick { color: var(--dt-green) !important; }
html.dark-theme .ld-facilities-card {
  background: var(--dt-bg1) !important;
}
html.dark-theme .ld-contact {
  background: var(--dt-bg2) !important;
}
html.dark-theme .ld-contact__list a { color: var(--dt-blue) !important; }
html.dark-theme .ld-contact__icon {
  background: rgba(47, 163, 226, 0.15) !important;
  color: var(--dt-blue) !important;
}

/* Doctor profile page */
html.dark-theme .premium-detail-page {
  background: var(--dt-bg1) !important;
}
html.dark-theme .hero-doctor-card,
html.dark-theme .info-card,
html.dark-theme .pd-stat-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.32) !important;
}
html.dark-theme .hero-content-wrap { background: var(--dt-bg2) !important; }
html.dark-theme .pd-name { color: #fff !important; }
html.dark-theme .pd-specialty,
html.dark-theme .pd-section-title,
html.dark-theme .pd-stat-val,
html.dark-theme .pd-edu-year { color: var(--dt-blue) !important; }
html.dark-theme .pd-desc,
html.dark-theme .pd-quick-info-value,
html.dark-theme .pd-edu-inst,
html.dark-theme .pd-stat-label,
html.dark-theme .info-text-wrap label { color: var(--dt-txt2) !important; }
html.dark-theme .pd-quick-info-label { color: var(--dt-blue) !important; }
html.dark-theme .pd-education-wrap {
  background: var(--dt-bg3) !important;
}
html.dark-theme .pd-education-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .pd-education-item {
  border-bottom-color: var(--dt-border) !important;
}
html.dark-theme .pd-education-item:hover { background: var(--dt-bg4) !important; }
html.dark-theme .pd-edu-degree,
html.dark-theme .info-text-wrap span { color: var(--dt-txt1) !important; }
html.dark-theme .info-icon-wrap {
  background: rgba(47, 163, 226, 0.16) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .pd-btn-secondary,
html.dark-theme .pd-social-icon {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt1) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .pd-locations span {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt1) !important;
}

/* The logo is intentionally white on the dark header, like the footer mark. */
html.dark-theme .top-navbar .navbar-brand img {
  filter: grayscale(1) brightness(0) invert(1) !important;
}

/* Avoid white blocks behind small speciality content icons. */
html.dark-theme .sp-feature__icon,
html.dark-theme .sp-feature__badge,
html.dark-theme .sp-group__icon,
html.dark-theme .sp-icon-item__icon {
  background: rgba(215, 237, 246, 0.12) !important;
  color: var(--dt-blue) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .ld-contact__info {
  background: linear-gradient(160deg, #163653 0%, var(--dt-bg2) 100%) !important;
}
html.dark-theme .ld-contact__list strong {
  color: var(--dt-txt1) !important;
}
html.dark-theme .ld-contact__list p {
  color: var(--dt-txt2) !important;
}

/* FAQ cards shared by location and speciality detail pages. */
html.dark-theme .shared-faq-section {
  color: var(--dt-txt1) !important;
}
html.dark-theme .shared-faq-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.3) !important;
}
html.dark-theme .shared-faq-card h5 {
  color: var(--dt-txt1) !important;
}
html.dark-theme .shared-faq-card > button > span:first-child {
  background: rgba(47, 163, 226, 0.16) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .shared-faq-card > button > span:last-child {
  background: var(--dt-bg3) !important;
}
html.dark-theme .shared-faq-card > button > span:last-child span {
  background: var(--dt-txt1) !important;
}
html.dark-theme .shared-faq-card > div:last-child > div {
  color: var(--dt-txt2) !important;
  border-top-color: var(--dt-border) !important;
}

/* ─── 45. BLOG DETAIL PAGE — bd-* elements ─────────────────────────────── */
html.dark-theme .bd-article    { background: var(--dt-bg1) !important; }
html.dark-theme .bd-body {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 10px 40px -18px rgba(0,0,0,0.5) !important;
}
html.dark-theme .bd-hero::after {
  background: linear-gradient(to bottom, transparent, var(--dt-bg1)) !important;
}
html.dark-theme .bd-p         { color: var(--dt-txt2) !important; }
html.dark-theme .bd-h2        { color: var(--dt-txt1) !important; border-color: var(--dt-bg3) !important; }
html.dark-theme .bd-list {
  background: linear-gradient(180deg, var(--dt-bg3) 0%, rgba(25,48,74,0.3) 100%) !important;
  border-color: rgba(0,113,184,0.4) !important;
}
html.dark-theme .bd-list li   { color: var(--dt-txt2) !important; border-color: rgba(255,255,255,0.06) !important; }
html.dark-theme .bd-tags      { border-color: var(--dt-border) !important; }
html.dark-theme .bd-tag {
  background: var(--dt-bg3) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .bd-tag:hover { background: #0071b8 !important; color: #fff !important; }
/* Sidebar cards */
html.dark-theme .bd-side-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 8px 28px -12px rgba(0,0,0,0.4) !important;
}
html.dark-theme .bd-toc a { color: var(--dt-txt2) !important; }
html.dark-theme .bd-toc a:hover {
  background: var(--dt-bg3) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .bd-toc__num {
  background: var(--dt-bg4) !important;
  color: var(--dt-green) !important;
}
html.dark-theme .bd-share__btn {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt2) !important;
  border-color: var(--dt-border) !important;
}
/* Related articles */
html.dark-theme .bd-related__head h2  { color: var(--dt-txt1) !important; }
html.dark-theme .bd-related__card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .bd-related__card:hover { box-shadow: 0 16px 32px -14px rgba(0,0,0,0.5) !important; }
html.dark-theme .bd-related__body h3  { color: var(--dt-txt1) !important; }
/* Empty content notice (inline styles — requires !important to override) */
html.dark-theme .bd-body__empty > div {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt2) !important;
  border-left-color: var(--dt-blue) !important;
}
html.dark-theme .bd-related__body p   { color: var(--dt-txt2) !important; }
html.dark-theme .bd-related__cat {
  background: rgba(var(--dt-bg2),0.95) !important;
  color: var(--dt-blue) !important;
}

/* ─── Final contrast fixes for inline-styled shared pages ──────────────── */
html.dark-theme .ab2-eyebrow__dot,
html.dark-theme .ab2-eyebrow__dot--green,
html.dark-theme .ab2-eyebrow__dot--gold {
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.12) !important;
}

/* About awards panel — dark background with warm gold-tinted dark gradient */
html.dark-theme .ab2-awards {
  background: linear-gradient(180deg, #141008 0%, #0e0d06 55%, var(--dt-bg1) 100%) !important;
}
html.dark-theme .ab2-awards__pattern {
  opacity: 0.12 !important;
}
html.dark-theme .ab2-awards__head h2 {
  color: var(--dt-txt1) !important;
}
html.dark-theme .ab2-awards__head p {
  color: var(--dt-txt2) !important;
}
html.dark-theme .ab2-awards__image {
  border-color: var(--dt-bg3) !important;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.6) !important;
}
html.dark-theme .ab2-awards__badge {
  border-color: var(--dt-bg2) !important;
}
/* Stats section on the About page uses white; give it a dark counterpart */
html.dark-theme .ab2-stats {
  background: var(--dt-bg1) !important;
}
html.dark-theme .ab2-stats__intro h2 { color: var(--dt-txt1) !important; }
html.dark-theme .ab2-stats__intro p  { color: var(--dt-txt2) !important; }

/* Full FAQ page: inline light surfaces need explicit dark counterparts. */
html.dark-theme .faqs-page-dark {
  background: linear-gradient(180deg, var(--dt-bg1) 0%, var(--dt-bg2) 55%, #122b38 100%) !important;
}
html.dark-theme .faqs-page-dark .faqs-page-search,
html.dark-theme .faqs-page-dark .faqs-page-empty,
html.dark-theme .faqs-page-dark .faqs-page-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .faqs-page-dark .faqs-page-search > div {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .faqs-page-dark input,
html.dark-theme .faqs-page-dark input::placeholder {
  color: var(--dt-txt1) !important;
}
html.dark-theme .faqs-page-dark input::placeholder { color: var(--dt-txt3) !important; }
html.dark-theme .faqs-page-dark .faqs-page-card h5 { color: var(--dt-txt1) !important; }
html.dark-theme .faqs-page-dark .faqs-page-card button > span:last-child {
  background: var(--dt-bg3) !important;
}
html.dark-theme .faqs-page-dark .faqs-page-card button > span:last-child span {
  background: var(--dt-txt1) !important;
}
html.dark-theme .faqs-page-dark .faqs-page-card > div:last-child > div {
  color: var(--dt-txt2) !important;
  border-top-color: var(--dt-border) !important;
}
html.dark-theme .faqs-page-dark .faqs-page-empty h5 { color: var(--dt-txt1) !important; }
html.dark-theme .faqs-page-dark .faqs-page-empty p { color: var(--dt-txt2) !important; }

/* Location cards and location headers. */
html.dark-theme .locations-section,
html.dark-theme .contact-locations,
html.dark-theme .locations-header { background: var(--dt-bg1) !important; }
html.dark-theme .locations-header__text h2,
html.dark-theme .locations-header__text p,
html.dark-theme .location-card__title,
html.dark-theme .location-card__address,
html.dark-theme .location-card__cta { color: var(--dt-txt1) !important; }
html.dark-theme .location-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .location-card__city {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .location-card__pin { color: var(--dt-green) !important; stroke: currentColor !important; }
html.dark-theme .location-card:hover .location-card__city .location-card__pin {
  color: var(--dt-green) !important;
  stroke: var(--dt-green) !important;
}
html.dark-theme .location-card__cta { border-top-color: var(--dt-border) !important; }

/* About page: the ab2 design has its own white cards and text tokens. */
html.dark-theme .ab2-intro,
html.dark-theme .ab2-vm,
html.dark-theme .ab2-why { background: var(--dt-bg1) !important; }
html.dark-theme .ab2-intro__body > p,
html.dark-theme .ab2-why__lead,
html.dark-theme .ab2-vm__card p,
html.dark-theme .ab2-value__text { color: var(--dt-txt2) !important; }
html.dark-theme .ab2-intro__title,
html.dark-theme .ab2-why__title,
html.dark-theme .ab2-vm__title,
html.dark-theme .ab2-value__title { color: var(--dt-txt1) !important; }
html.dark-theme .ab2-vm__card,
html.dark-theme .ab2-value {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .ab2-vm__label { color: var(--dt-blue) !important; }

/* Why-Choose accordion items — actual class is ab2-acc__item, not ab2-why__accordion */
html.dark-theme .ab2-acc__item {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .ab2-acc__item.is-open {
  border-color: rgba(47, 163, 226, 0.5) !important;
  box-shadow: 0 12px 26px -14px rgba(0, 0, 0, 0.4) !important;
}
html.dark-theme .ab2-acc__label { color: var(--dt-txt1) !important; }
html.dark-theme .ab2-acc__item.is-open .ab2-acc__label { color: var(--dt-blue) !important; }
html.dark-theme .ab2-acc__num {
  background: rgba(47, 163, 226, 0.15) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .ab2-acc__item.is-open .ab2-acc__num {
  background: #0071b8 !important;
  color: #fff !important;
}
html.dark-theme .ab2-acc__a { color: var(--dt-txt2) !important; }
/* "5,00,000+ Lives Touched" floater badge */
html.dark-theme .ab2-why__floater {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .ab2-why__floater strong { color: var(--dt-txt1) !important; }
html.dark-theme .ab2-why__floater span   { color: var(--dt-txt2) !important; }
/* Image frames — white 6px border → subtle dark border */
html.dark-theme .ab2-why__image {
  border-color: var(--dt-bg3) !important;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.55) !important;
}
/* Decorative deco square behind images */
html.dark-theme .ab2-why__deco {
  background: var(--dt-bg3) !important;
}

/* Contact hub and its location cards. */
html.dark-theme .contact-hub,
html.dark-theme .contact-hub__head,
html.dark-theme .contact-hub__grid { background: var(--dt-bg1) !important; }
html.dark-theme .contact-hub__head h2,
html.dark-theme .contact-hub__head p,
html.dark-theme .contact-hub__details h3,
html.dark-theme .contact-hub__tagline,
html.dark-theme .contact-hub__info li { color: var(--dt-txt1) !important; }
html.dark-theme .contact-hub__form-wrap,
html.dark-theme .contact-hub__map-wrap,
html.dark-theme .contact-hub__details {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .contact-hub__form-wrap h3 { color: var(--dt-txt1) !important; }
html.dark-theme .contact-hub__picker-nav,
html.dark-theme .contact-chip { background: var(--dt-bg2) !important; border-color: var(--dt-border) !important; color: var(--dt-txt1) !important; }
html.dark-theme .contact-chip.is-active { background: var(--dt-blue) !important; color: #fff !important; }
html.dark-theme .contact-hub__info a { color: var(--dt-blue) !important; }

/* ─── Contact Hero — dark-theme override (forest-green design) ─────────── */
html.dark-theme .contact-hero {
  background: linear-gradient(145deg, #0d3d18 0%, #1a5230 45%, #0c3a35 100%) !important;
  border-bottom: none !important;
  border-radius: 0 !important;
}

/* Dot pattern becomes white on dark */
html.dark-theme .contact-hero::before {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1px) !important;
}

/* Blobs — vivid on dark */
html.dark-theme .contact-hero__blob--1 {
  background: radial-gradient(circle, rgba(255, 248, 220, 0.07) 0%, transparent 65%) !important;
}
html.dark-theme .contact-hero__blob--2 {
  background: radial-gradient(circle, rgba(166, 204, 57, 0.58) 0%, transparent 65%) !important;
}
html.dark-theme .contact-hero__blob--3 {
  background: radial-gradient(circle, rgba(200, 164, 72, 0.55) 0%, transparent 65%) !important;
}

/* Text overrides for dark hero */
html.dark-theme .contact-hero__breadcrumb,
html.dark-theme .contact-hero__breadcrumb a { color: rgba(255, 255, 255, 0.55) !important; }
html.dark-theme .contact-hero__breadcrumb a:hover { color: #fff !important; }

html.dark-theme .contact-hero__eyebrow {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #d4f07a !important;
}
html.dark-theme .contact-hero__eyebrow-dot { background: #d4f07a !important; }

html.dark-theme .contact-hero__title { color: #fff !important; }
html.dark-theme .contact-hero__title span { color: var(--dt-green) !important; }
html.dark-theme .contact-hero__sub { color: rgba(255, 255, 255, 0.7) !important; }

html.dark-theme .contact-hero__stat:nth-child(1) strong { color: #fff !important; }
html.dark-theme .contact-hero__stat:nth-child(3) strong { color: var(--dt-green) !important; }
html.dark-theme .contact-hero__stat:nth-child(5) strong { color: #e0c060 !important; }
html.dark-theme .contact-hero__stat span { color: rgba(255, 255, 255, 0.55) !important; }
html.dark-theme .contact-hero__stat-sep { background: rgba(255, 255, 255, 0.15) !important; }

/* Wave fill in dark mode matches the dark page background */
html.dark-theme .contact-hero__wave-path { fill: var(--dt-bg1) !important; }

/* ─── New contact form elements — dark-theme ────────────────────────────── */
html.dark-theme .contact-hub {
  background: var(--dt-bg1) !important;
}
html.dark-theme .contact-hub__form-wrap { border-top-color: var(--dt-green) !important; }
html.dark-theme .contact-hub__map-wrap  { border-top-color: #4cb5ab !important; }

html.dark-theme .contact-hub__form-header-icon {
  background: rgba(166, 204, 57, 0.12) !important;
  color: var(--dt-green) !important;
}
html.dark-theme .contact-hub__form-header h3 { color: var(--dt-txt1) !important; }
html.dark-theme .contact-hub__form-header p  { color: var(--dt-txt2) !important; }

html.dark-theme .cf-label { color: var(--dt-txt1) !important; }
html.dark-theme .cf-icon  { color: var(--dt-txt2) !important; }
html.dark-theme .cf-input-group:focus-within .cf-icon { color: var(--dt-blue) !important; }

html.dark-theme .contact-hub__info li:nth-child(1) .contact-hub__info-icon {
  background: rgba(232, 105, 90, 0.15) !important;
  color: #e87a6e !important;
}
html.dark-theme .contact-hub__info li:nth-child(2) .contact-hub__info-icon {
  background: rgba(166, 204, 57, 0.12) !important;
  color: var(--dt-green) !important;
}
html.dark-theme .contact-hub__info li:nth-child(3) .contact-hub__info-icon {
  background: rgba(76, 181, 171, 0.12) !important;
  color: #4cb5ab !important;
}

html.dark-theme .contact-hub__picker-label { color: var(--dt-txt2) !important; }
html.dark-theme .contact-chip.is-active {
  background: var(--dt-green) !important;
  color: #0b1929 !important;
  border-color: transparent !important;
}

/* Careers page. */
html.dark-theme .premium-career-page { background: var(--dt-bg1) !important; }
html.dark-theme .sh-premium-tabs,
html.dark-theme .sh-premium-search-input,
html.dark-theme .sh-table-responsive,
html.dark-theme .sh-why-card,
html.dark-theme .sh-modal-content {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .sh-premium-tab-btn,
html.dark-theme .sh-section-title,
html.dark-theme .sh-why-title,
html.dark-theme .sh-why-card h4,
html.dark-theme .sh-modal-title { color: var(--dt-txt1) !important; }
html.dark-theme .sh-premium-tab-btn:hover { background: var(--dt-bg3) !important; }
html.dark-theme .sh-premium-search-input { color: var(--dt-txt1) !important; }
html.dark-theme .sh-table th { background: var(--dt-bg3) !important; color: var(--dt-txt1) !important; }
html.dark-theme .sh-table td { background: var(--dt-bg2) !important; color: var(--dt-txt2) !important; border-color: var(--dt-border) !important; }
html.dark-theme .sh-table tbody tr:hover td { background: var(--dt-bg4) !important; }
html.dark-theme .sh-why-card p,
html.dark-theme .sh-modal-subtitle { color: var(--dt-txt2) !important; }

/* Career application modal */
html.dark-theme .sh-modal-overlay {
  background: rgba(2, 8, 18, 0.78) !important;
}
html.dark-theme .sh-modal-content {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important;
}
html.dark-theme .sh-modal-close {
  color: var(--dt-txt2) !important;
}
html.dark-theme .sh-modal-close:hover {
  color: var(--dt-green) !important;
}
html.dark-theme .sh-modal-title,
html.dark-theme .sh-form-label,
html.dark-theme .sh-form-section-title {
  color: var(--dt-txt1) !important;
}
html.dark-theme .sh-modal-subtitle,
html.dark-theme .sh-file-hint {
  color: var(--dt-txt2) !important;
}
html.dark-theme .sh-form-section-title {
  border-bottom-color: var(--dt-border) !important;
}
html.dark-theme .sh-form-input {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .sh-form-input::placeholder {
  color: var(--dt-txt3) !important;
  opacity: 1 !important;
}
html.dark-theme .sh-form-input:focus {
  background: var(--dt-bg4) !important;
  border-color: var(--dt-blue) !important;
  color: var(--dt-txt1) !important;
  box-shadow: 0 0 0 3px rgba(47, 163, 226, 0.2) !important;
}
html.dark-theme .sh-form-input option {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .sh-readonly-input {
  background: rgba(47, 163, 226, 0.16) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .sh-file-upload-wrapper {
  background: var(--dt-bg3) !important;
  border-color: rgba(144, 175, 198, 0.5) !important;
}
html.dark-theme .sh-file-upload-wrapper:hover {
  background: var(--dt-bg4) !important;
  border-color: var(--dt-blue) !important;
}
html.dark-theme .sh-file-upload-wrapper i {
  color: var(--dt-blue) !important;
}
html.dark-theme .sh-file-text {
  color: var(--dt-txt1) !important;
}
html.dark-theme .sh-form-error-alert {
  background: rgba(232, 105, 90, 0.14) !important;
  color: #ff9a8f !important;
}

/* Book Appointment page */
html.dark-theme .book-appointment-page {
  background: var(--dt-bg1) !important;
}
html.dark-theme .book-appointment-page h1 {
  color: var(--dt-txt1) !important;
}
html.dark-theme .book-appointment-page h1 span {
  color: var(--dt-blue) !important;
}
html.dark-theme .book-appointment-page p,
html.dark-theme .book-appointment-page .book-appointment-copy {
  color: var(--dt-txt2) !important;
}
html.dark-theme .book-appointment-page .modern-input-box {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .book-appointment-page .modern-input-box:focus-within {
  border-color: var(--dt-blue) !important;
  box-shadow: 0 0 0 4px rgba(47, 163, 226, 0.16) !important;
}
html.dark-theme .book-appointment-page .modern-input-content label {
  color: var(--dt-txt1) !important;
}
html.dark-theme .book-appointment-page .modern-input-content input,
html.dark-theme .book-appointment-page .modern-input-content select,
html.dark-theme .book-appointment-page .modern-input-content textarea {
  color: var(--dt-txt1) !important;
}
html.dark-theme .book-appointment-page .modern-input-content input::placeholder,
html.dark-theme .book-appointment-page .modern-input-content textarea::placeholder {
  color: var(--dt-txt3) !important;
  opacity: 1 !important;
}
html.dark-theme .book-appointment-page .modern-input-content option {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .appointment-form-panel {
  background: var(--dt-bg2) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.32) !important;
}
html.dark-theme .book-appointment-page .stat-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28) !important;
}
html.dark-theme .book-appointment-page .stat-card p {
  color: var(--dt-txt1) !important;
}
html.dark-theme .book-appointment-page h2 { color: var(--dt-txt1) !important; }
html.dark-theme .book-appointment-page h6 { color: var(--dt-blue) !important; }
/* Pill badge ("APPOINTMENT") */
html.dark-theme .book-appointment-page .pill-badge {
  background: rgba(47, 163, 226, 0.14) !important;
  color: var(--dt-blue) !important;
}
/* Trust indicator labels ("Trusted Care", "24×7 Support", "Patient First") */
html.dark-theme .book-appointment-page .d-flex.flex-wrap span {
  color: var(--dt-txt2) !important;
}
/* Floating "Your Health / Our Priority" badge */
html.dark-theme .book-apt-hero-badge {
  background: var(--dt-bg3) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}
html.dark-theme .book-apt-badge-label    { color: var(--dt-txt3) !important; }
html.dark-theme .book-apt-badge-priority { color: var(--dt-txt1) !important; }

/* Homepage carousel intentionally stays identical to the light-theme design. */
html.dark-theme .home-slider .slider-item .overlay {
  background: linear-gradient(115deg, rgba(12, 38, 71, 0.85) 0%, rgba(12, 38, 71, 0.55) 55%, rgba(0, 113, 184, 0.35) 100%) !important;
  opacity: 1 !important;
}
html.dark-theme .hero-slider .slider-item,
html.dark-theme .home-slider .slider-item {
  background-blend-mode: normal !important;
}
html.dark-theme .hero-slider .slider-item img,
html.dark-theme .home-slider .slider-item img,
html.dark-theme .hero-slider video,
html.dark-theme .home-slider video {
  filter: none !important;
  opacity: 1 !important;
}
html.dark-theme .hero-slider .hero-title,
html.dark-theme .hero-slider .hero-subheading,
html.dark-theme .hero-slider .hero-eyebrow,
html.dark-theme .hero-slider .slider-text,
html.dark-theme .hero-slider .hero-stats {
  color: #fff !important;
}
html.dark-theme .hero-slider .hero-title span {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html.dark-theme .hero-slider .btn-hero--ghost {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #fff !important;
}

/* ─── 46. NOT FOUND PAGE (classes from not-found.css) ───────────────────── */
html.dark-theme .not-found-container {
  background-color: var(--dt-bg1) !important;
}
html.dark-theme .not-found-heading { color: var(--dt-txt1) !important; }
html.dark-theme .not-found-text    { color: var(--dt-txt2) !important; }
html.dark-theme .not-found-title   { color: #2fa3e2 !important; }

/* ─── 47. LOCATION DETAIL PAGE inline sections ────────────────────────────  */
html.dark-theme .location-detail-page { background: var(--dt-bg1) !important; }
html.dark-theme .location-hero-section { background: var(--dt-bg1) !important; }
html.dark-theme .location-stats-section { background: var(--dt-bg2) !important; }
html.dark-theme .location-info-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .location-info-card h3,
html.dark-theme .location-info-card h4 { color: var(--dt-txt1) !important; }
html.dark-theme .location-info-card p  { color: var(--dt-txt2) !important; }

/* ─── 48. TESTIMONIAL page cards (text body) ────────────────────────────── */
html.dark-theme .testimonial-text-body { color: var(--dt-txt2) !important; }
html.dark-theme .testimonial-reviewer-name { color: var(--dt-txt1) !important; }
html.dark-theme .testimonial-reviewer-role { color: var(--dt-txt2) !important; }

/* ─── 49. ABOUT PAGE sections ────────────────────────────────────────────── */
html.dark-theme .about-page-section      { background: var(--dt-bg1) !important; }
html.dark-theme .about-mission-card,
html.dark-theme .about-vision-card,
html.dark-theme .about-value-item {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .about-mission-card h3,
html.dark-theme .about-vision-card h3,
html.dark-theme .about-value-item h3    { color: var(--dt-txt1) !important; }
html.dark-theme .about-mission-card p,
html.dark-theme .about-vision-card p,
html.dark-theme .about-value-item p     { color: var(--dt-txt2) !important; }

/* ─── 50. BOOK APPOINTMENT page ──────────────────────────────────────────── */
html.dark-theme .appointment-form-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .appointment-form-card h2,
html.dark-theme .appointment-form-card h3 { color: var(--dt-txt1) !important; }

/* ─── 51. INSURANCE PAGE ────────────────────────────────────────────────── */
html.dark-theme .insurance-section { background: var(--dt-bg1) !important; }
html.dark-theme .insurance-partner-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}

/* ─── 52. VISITOR GUIDE sections ─────────────────────────────────────────── */
html.dark-theme .visitor-guide-section { background: var(--dt-bg1) !important; }
html.dark-theme .visitor-guide-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .visitor-guide-card h3 { color: var(--dt-txt1) !important; }
html.dark-theme .visitor-guide-card p  { color: var(--dt-txt2) !important; }

/* ─── 53. FAQS PAGE ─────────────────────────────────────────────────────── */
html.dark-theme .faqs-page-section { background: var(--dt-bg1) !important; }
html.dark-theme .faqs-filter-bar {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}

/* ─── 54. EMERGENCY / TEXT REVIEW MODALS ────────────────────────────────── */
html.dark-theme .emergency-modal-content { background: var(--dt-bg2) !important; }
html.dark-theme .emergency-modal-title   { color: var(--dt-txt1) !important; }
html.dark-theme .emergency-location-card {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .emergency-location-card h4 { color: var(--dt-txt1) !important; }
html.dark-theme .emergency-location-card p  { color: var(--dt-txt2) !important; }

/* ─── 55. GENERIC OVER-RIDES for remaining hardcoded whites ─────────────── */
/* Any element with inline white/near-white that CSS vars don't reach */
html.dark-theme [style*="background: #fff"],
html.dark-theme [style*="background:#fff"],
html.dark-theme [style*="background-color: #fff"],
html.dark-theme [style*="background-color:#fff"],
html.dark-theme [style*="background: white"],
html.dark-theme [style*="backgroundColor: '#fff'"] {
  background-color: var(--dt-bg2) !important;
}
html.dark-theme [style*="background: #f2f3f5"],
html.dark-theme [style*="background:#f2f3f5"],
html.dark-theme [style*="background-color: #f2f3f5"] {
  background-color: var(--dt-bg1) !important;
}
html.dark-theme [style*="background: #f8f9fa"],
html.dark-theme [style*="background-color: #f8f9fa"],
html.dark-theme [style*="background: #f7f9fc"],
html.dark-theme [style*="background-color: #f7f9fc"],
html.dark-theme [style*="background: #f5faff"],
html.dark-theme [style*="background-color: #f5faff"] {
  background-color: var(--dt-bg2) !important;
}

/* Inline color: #0c2647 / #263538 text → override to light text */
html.dark-theme [style*="color: #0c2647"],
html.dark-theme [style*="color:#0c2647"],
html.dark-theme [style*="color: #263538"],
html.dark-theme [style*="color:#263538"] {
  color: var(--dt-txt2) !important;
}

/* ─── 56. CAREER PAGE — premium-career.css overrides ────────────────────── */
html.dark-theme .career-page               { background: var(--dt-bg1) !important; }
html.dark-theme .career-hero-section       { background: var(--dt-bg1) !important; }
html.dark-theme .career-search-bar         {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .vacancy-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .vacancy-card h3,
html.dark-theme .vacancy-card h4           { color: var(--dt-txt1) !important; }
html.dark-theme .vacancy-card p            { color: var(--dt-txt2) !important; }
html.dark-theme .vacancy-badge {
  background: var(--dt-bg3) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .career-filter-section     { background: var(--dt-bg2) !important; }

/* ─── 57. LOCATION SPECIALITY DETAIL page ───────────────────────────────── */
html.dark-theme .ls-detail-section         { background: var(--dt-bg1) !important; }
html.dark-theme .ls-hero-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .ls-content-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}

/* ─── 58. DOCTOR DETAIL PAGE ─────────────────────────────────────────────── */
html.dark-theme .doctor-detail-wrapper     { background: var(--dt-bg1) !important; }
html.dark-theme .doctor-profile-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .doctor-bio-section {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .doctor-profile-card h1,
html.dark-theme .doctor-profile-card h2,
html.dark-theme .doctor-profile-card h3   { color: var(--dt-txt1) !important; }
html.dark-theme .doctor-profile-card p    { color: var(--dt-txt2) !important; }
html.dark-theme .experience-badge {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .specialty-tag {
  background: rgba(0,113,184,0.18) !important;
  color: var(--dt-blue) !important;
}

/* ─── 59. THANK YOU PAGE ─────────────────────────────────────────────────── */
html.dark-theme .thankyou-section      { background: var(--dt-bg1) !important; }
html.dark-theme .thankyou-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .thankyou-card h1,
html.dark-theme .thankyou-card h2      { color: var(--dt-txt1) !important; }
html.dark-theme .thankyou-card p       { color: var(--dt-txt2) !important; }

/* ─── 60. SCROLL TO TOP button (from scroll-to-top-button.css) ──────────── */
html.dark-theme .scroll-top-button,
html.dark-theme .scroll-to-top {
  background: #0071b8 !important;
  color: #fff !important;
  border-color: rgba(0,113,184,0.5) !important;
}

/* ─── 61. MEDIA & NEWS LIST PAGE (mn-* classes) ─────────────────────────── */
html.dark-theme .mn-page {
  background-color: var(--dt-bg1) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .mn-hero {
  /* Full shorthand overrides background-image too, adding a dark left-to-right gradient over the photo */
  background:
    linear-gradient(to right, rgba(7,18,32,0.90) 0%, rgba(7,18,32,0.75) 48%, rgba(7,18,32,0.30) 100%),
    url('/images/medianews.png') right center / cover no-repeat !important;
}
html.dark-theme .mn-breadcrumb,
html.dark-theme .mn-breadcrumb a { color: var(--dt-txt2) !important; }
html.dark-theme .mn-breadcrumb a:hover { color: var(--dt-blue) !important; }
html.dark-theme .mn-title { color: var(--dt-txt1) !important; }
html.dark-theme .mn-title-blue { color: var(--dt-blue) !important; }
html.dark-theme .mn-subtitle { color: var(--dt-txt2) !important; }
html.dark-theme .mn-desc { color: var(--dt-txt2) !important; }

/* Filter buttons */
html.dark-theme .mn-filter-btn {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
  color: var(--dt-txt2) !important;
}
html.dark-theme .mn-filter-btn:hover:not(.active) {
  background: var(--dt-bg4) !important;
  color: var(--dt-txt1) !important;
}

/* News cards */
html.dark-theme .mn-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}
html.dark-theme .mn-card:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}
html.dark-theme .mn-card-body { background: var(--dt-bg2) !important; }
html.dark-theme .mn-badge {
  background: rgba(0,113,184,0.18) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .mn-badge-Events {
  background: rgba(0,166,81,0.15) !important;
  color: #4ec48a !important;
}
html.dark-theme .mn-badge-Media {
  background: rgba(0,113,184,0.15) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .mn-badge-Recognition {
  background: rgba(245,130,32,0.15) !important;
  color: #f5a056 !important;
}
html.dark-theme .mn-date { color: var(--dt-txt3) !important; }
html.dark-theme .mn-card-title { color: var(--dt-txt1) !important; }
html.dark-theme .mn-card-desc { color: var(--dt-txt2) !important; }
html.dark-theme .mn-read-more { color: var(--dt-blue) !important; }

/* Pagination */
html.dark-theme .mn-page-btn {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
  color: var(--dt-txt2) !important;
}
html.dark-theme .mn-page-btn:hover:not(.active) {
  background: var(--dt-bg4) !important;
  color: var(--dt-txt1) !important;
}

/* Newsletter strip */
html.dark-theme .mn-newsletter {
  background: linear-gradient(135deg, #0d2845 0%, #112e50 100%) !important;
}
html.dark-theme .mn-nl-icon { background: var(--dt-bg3) !important; }
html.dark-theme .mn-nl-title { color: var(--dt-txt1) !important; }
html.dark-theme .mn-nl-desc { color: var(--dt-txt2) !important; }
html.dark-theme .mn-nl-input-group {
  background: var(--dt-bg3) !important;
  border: 1px solid var(--dt-border) !important;
}
html.dark-theme .mn-nl-input { color: var(--dt-txt1) !important; }
html.dark-theme .mn-nl-input::placeholder { color: var(--dt-txt3) !important; }
html.dark-theme .mn-nl-privacy { color: var(--dt-txt3) !important; }

/* Success modal */
html.dark-theme .mn-modal-content {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .mn-modal-title { color: var(--dt-txt1) !important; }
html.dark-theme .mn-modal-desc  { color: var(--dt-txt2) !important; }

/* Empty state */
html.dark-theme .mn-empty-state__title { color: var(--dt-txt1) !important; }
html.dark-theme .mn-empty-state__desc  { color: var(--dt-txt2) !important; }

/* Mobile hero text bubble */
@media (max-width: 768px) {
  html.dark-theme .mn-hero-content {
    background: rgba(7, 18, 32, 0.88) !important;
  }
}

/* ─── 62. MEDIA & NEWS DETAIL PAGE (mnd-* classes) ──────────────────────── */
html.dark-theme .mn-detail-page {
  background-color: var(--dt-bg1) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .mnd-hero-banner {
  background-color: #071220 !important;
}
html.dark-theme .mnd-hero-banner::before {
  background: linear-gradient(90deg, rgba(7,18,32,0.97) 0%, rgba(7,18,32,0.85) 45%, rgba(7,18,32,0) 100%) !important;
}
html.dark-theme .mnd-hero-title { color: var(--dt-txt1) !important; }
html.dark-theme .mnd-hero-desc  { color: var(--dt-txt2) !important; }

html.dark-theme .mnd-breadcrumb,
html.dark-theme .mnd-breadcrumb a { color: var(--dt-txt2) !important; }
html.dark-theme .mnd-breadcrumb a:hover { color: var(--dt-blue) !important; }

/* Main article card */
html.dark-theme .mnd-article-main {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.45) !important;
}
html.dark-theme .mnd-article-meta { color: var(--dt-txt2) !important; }
html.dark-theme .mnd-article-title { color: var(--dt-txt1) !important; }
html.dark-theme .mnd-article-content { color: var(--dt-txt2) !important; }
html.dark-theme .mnd-article-content p { color: var(--dt-txt2) !important; }
html.dark-theme .mnd-article-body { background: var(--dt-bg2) !important; }

/* Highlights */
html.dark-theme .mnd-highlights .sp-imagetext__body *,
html.dark-theme .mnd-highlights .sp-imagetext__body p { color: var(--dt-txt2) !important; }
html.dark-theme .mnd-hl-desc { color: var(--dt-txt2) !important; }

/* Quote box */
html.dark-theme .mnd-quote-box {
  background: var(--dt-bg3) !important;
  border-color: rgba(0,113,184,0.2) !important;
}
html.dark-theme .mnd-quote-text   { color: var(--dt-txt1) !important; }
html.dark-theme .mnd-quote-author { color: var(--dt-txt2) !important; }
html.dark-theme .mnd-quote-author::before { background: var(--dt-txt3) !important; }

/* Footer links */
html.dark-theme .mnd-back-btn {
  border-color: var(--dt-border) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .mnd-back-btn:hover { background: var(--dt-bg3) !important; }
html.dark-theme .mnd-share-text { color: var(--dt-txt2) !important; }

/* Sidebar widgets */
html.dark-theme .mnd-sidebar { color: var(--dt-txt2) !important; }
html.dark-theme .mnd-widget {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}
html.dark-theme .mnd-widget-title { color: var(--dt-txt1) !important; }
html.dark-theme .mnd-widget-link  { color: var(--dt-blue) !important; }
html.dark-theme .mnd-recent-card {
  border-bottom-color: var(--dt-border) !important;
}
html.dark-theme .mnd-recent-date  { color: var(--dt-txt2) !important; }
html.dark-theme .mnd-recent-title { color: var(--dt-txt1) !important; }
html.dark-theme .mnd-recent-arrow {
  background: var(--dt-bg3) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .mnd-widget-blue {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .mnd-nl-icon { background: var(--dt-bg4) !important; }
html.dark-theme .mnd-nl-desc { color: var(--dt-txt2) !important; }
html.dark-theme .mnd-nl-input {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
  color: var(--dt-txt1) !important;
}
html.dark-theme .mnd-nl-input::placeholder { color: var(--dt-txt3) !important; }
html.dark-theme .mnd-cat-item { color: var(--dt-txt2) !important; }
html.dark-theme .mnd-cat-item:hover { color: var(--dt-blue) !important; }
html.dark-theme .mnd-cat-count {
  background: var(--dt-bg4) !important;
  color: var(--dt-txt2) !important;
}

/* ─── 61. PRIVACY / TERMS / DISCLAIMERS inline sections ─────────────────── */
html.dark-theme .privacy-hero-section,
html.dark-theme .terms-hero-section,
html.dark-theme .disclaimers-hero-section { background: var(--dt-bg1) !important; }
html.dark-theme .privacy-content-section,
html.dark-theme .terms-content-section,
html.dark-theme .disclaimers-content-section { background: var(--dt-bg1) !important; }
html.dark-theme .legal-content-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .legal-content-card h2,
html.dark-theme .legal-content-card h3 { color: var(--dt-txt1) !important; }
html.dark-theme .legal-content-card p,
html.dark-theme .legal-content-card li  { color: var(--dt-txt2) !important; }

/* ─── 62. PATIENT FEEDBACK PAGE ─────────────────────────────────────────── */
html.dark-theme .patient-feedback-section  { background: var(--dt-bg1) !important; }
html.dark-theme .feedback-form-card {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .rating-star              { color: #c8a448 !important; }

/* ─── 63. HOMEPAGE — Consultation / Services bg ─────────────────────────── */
html.dark-theme .consultation-section     { background: var(--dt-bg1) !important; }
html.dark-theme .ftco-consult             { background: var(--dt-bg1) !important; }

/* ─── 64. NAV CARET icon ─────────────────────────────────────────────────── */
html.dark-theme .nav-caret { stroke: currentColor; }

/* ─── 65. BD_HERO bottom fade fix in dark mode ──────────────────────────── */
html.dark-theme .bd-hero::after {
  background: linear-gradient(to bottom, transparent, var(--dt-bg1)) !important;
}

/* ─── 66. Owl Carousel arrows ───────────────────────────────────────────── */
html.dark-theme .owl-nav .owl-prev,
html.dark-theme .owl-nav .owl-next {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt1) !important;
  border: 1px solid var(--dt-border) !important;
}
html.dark-theme .owl-nav .owl-prev:hover,
html.dark-theme .owl-nav .owl-next:hover {
  background: #0071b8 !important;
  color: #fff !important;
}

/* ─── 67. Loader ring ────────────────────────────────────────────────────── */
html.dark-theme #ftco-loader { background: var(--dt-bg1) !important; }
html.dark-theme #ftco-loader .path { stroke: #0071b8 !important; }

/* ─── 68. LOCATION DETAIL PAGE — section bands without explicit dark bg ─── */
html.dark-theme .ld-specialities-section,
html.dark-theme .ld-doctors-section {
  background: var(--dt-bg1) !important;
}

/* ─── 69. LOCATION SPECIALITIES LIST PAGE — breadcrumb bar ──────────────── */
html.dark-theme .loc-sp-crumbs-bar {
  background: var(--dt-bg1) !important;
  border-bottom-color: var(--dt-border) !important;
}
html.dark-theme .loc-sp-crumbs-list a        { color: var(--dt-txt2) !important; }
html.dark-theme .loc-sp-crumbs-list a:hover  { color: var(--dt-blue) !important; }
html.dark-theme .loc-sp-crumbs-list .sep     { color: var(--dt-txt3) !important; }
html.dark-theme .loc-sp-crumbs-list .active  { color: var(--dt-txt1) !important; }

/* ─── 70. TESTIMONIAL MODAL ─────────────────────────────────────────────── */
html.dark-theme .text-review-modal-card {
  background: var(--dt-bg2) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important;
}
html.dark-theme .text-review-modal-head {
  border-bottom-color: var(--dt-border) !important;
}
html.dark-theme .text-review-modal-name   { color: var(--dt-txt1) !important; }
html.dark-theme .text-review-modal-close-btn {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt2) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .text-review-modal-close-btn:hover {
  background: #0071b8 !important;
  color: #ffffff !important;
}
html.dark-theme .text-review-modal-rating-row {
  background: var(--dt-bg3) !important;
  border-bottom-color: var(--dt-border) !important;
}
html.dark-theme .text-review-modal-rating-score { color: var(--dt-txt2) !important; }
html.dark-theme .text-review-modal-body         { color: var(--dt-txt2) !important; }

/* ─── 71. EMERGENCY CONTACTS MODAL ──────────────────────────────────────── */
html.dark-theme .ec-modal-card {
  background: var(--dt-bg2) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55) !important;
}
html.dark-theme .ec-search-bar {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .ec-search-input {
  color: var(--dt-txt1) !important;
}
html.dark-theme .ec-search-input::placeholder {
  color: var(--dt-txt3) !important;
  opacity: 1 !important;
}
html.dark-theme .ec-search-clear {
  background: var(--dt-bg4) !important;
  color: var(--dt-txt2) !important;
}
html.dark-theme .ec-city-row {
  background: var(--dt-bg3) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .ec-city-name { color: var(--dt-txt1) !important; }

/* ─── 71. THANK YOU PAGE ────────────────────────────────────────────────── */
/* Page background — replace light blob gradients */
html.dark-theme .ty-section {
  background:
    radial-gradient(900px 600px at 20% 30%, rgba(0, 113, 184, 0.07), transparent 70%),
    radial-gradient(700px 500px at 80% 70%, rgba(47, 163, 226, 0.05), transparent 70%),
    var(--dt-bg1) !important;
}
/* Success card */
html.dark-theme .ty-card {
  background: var(--dt-bg2) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45) !important;
}
html.dark-theme .ty-eyebrow {
  background: rgba(47, 163, 226, 0.12) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .ty-title   { color: var(--dt-txt1) !important; }
html.dark-theme .ty-message { color: var(--dt-txt2) !important; }
/* Ghost "Contact Us" button */
html.dark-theme .ty-btn--ghost {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt1) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .ty-btn--ghost:hover {
  background: var(--dt-bg4) !important;
}
/* "What happens next" step cards */
html.dark-theme .ty-step {
  background: var(--dt-bg2) !important;
  border-color: var(--dt-border) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28) !important;
}
html.dark-theme .ty-step-icon {
  background: rgba(47, 163, 226, 0.12) !important;
  color: var(--dt-blue) !important;
}
html.dark-theme .ty-step-title { color: var(--dt-txt1) !important; }
html.dark-theme .ty-step-text  { color: var(--dt-txt2) !important; }
/* "While you're here, explore" chips */
html.dark-theme .ty-explore-chip {
  background: var(--dt-bg3) !important;
  color: var(--dt-txt1) !important;
  border-color: var(--dt-border) !important;
}
html.dark-theme .ty-explore-chip:hover {
  background: linear-gradient(90deg, #1e70e5, #35c0d2) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}