/* ==========================================================================
   theme-light.css — light-background theme layer
   --------------------------------------------------------------------------
   Loaded LAST, after style.css / doctor.css / page css.
   Converts the dark navy full-width bands and panels into soft light bands
   while keeping text contrast high.

   Intentionally NOT touched (these stay dark on purpose):
     - .hero / .inner-hero  (image heroes)
     - .site-footer
     - .mobile-menu / .mobile-action-bar / .welcome-popup
     - dark buttons, pills and active tabs
     - image tiles & photo overlay captions

   To revert the whole change: remove the <link> to this file in
   includes/header.php. Nothing else was modified.
   ========================================================================== */

:root {
  /* light theme tokens */
  --lt-page: #fbfcfa;
  /* soft teal-mint band (alternating full-width sections) */
  --lt-band: #eaf4f0;
  --lt-band-soft: #f3f8f6;
  --lt-card: #ffffff;
  --lt-text: #14252f;
  --lt-muted: #4e6169;
  --lt-accent: #0f7a6b;
  --lt-accent-soft: #d8ece6;
  --lt-border: #d3e4df;
  --lt-shadow: 0 16px 44px rgba(16, 44, 61, .07);
}

body {
  background: var(--lt-page);
}

/* ==========================================================================
   1. SECTIONS CONVERTED FROM NAVY TO LIGHT
   ========================================================================== */

.patient-stories-disclaimer-section,
.trust-ribbon,
.journal-feature,
.dark-feature,
.article-cta,
.treatment-overview-acl,
.sports-goal-card,
.condition-overview-acl,
.sports-condition-goal,
.condition-signal-dark,
.overlap-card-dark,
.home-doctor-quote,
.home-care-map,
.rhythm-card,
.decision-grid article:nth-child(2),
.spine-trauma-route-grid article:nth-child(3),
.about-education-section,
.about-expertise-dark,
.about-source-section,
.specialities-process-section,
.treatments-decision-section,
.blog-reading-card-dark,
.blog-standard-section,
.blog-feature-card,
.blog-feature-copy,
.acl-lead-panel,
.acl-assessment-section,
.acl-safety-note,
.acl-detail-callout,
.acl-detail-cta,
.acl-latest-card,
.acl-latest-copy,
.contact-visit-card,
.contact-message-section,
.contact-route-card-primary,
.appointment-request-aside,
.appointment-prepare-section,
.appointment-privacy-card,
.faq-question-rail,
.faq-topic-cards a:first-child,
.faq-safety-card,
.gallery-standards-section,
.article-detail-reviews,
.speciality-section,
.speciality-note,
.treatment-rail,
.treatment-reading-section,
.comparison-section,
.article-related-section,
.article-questions-section,
.article-facts-section,
.legal-principles,
.appointment-band,
.tpage .hub-area,
.tpage .trust-strip,
.tpage .risk-panel,
.tpage .doctor-band,
.image-band:not([style*="--image-band"]) .image-band-card {
  background: var(--lt-band) !important;
  background-image: none !important;
  color: var(--lt-text) !important;
  border-color: var(--lt-border) !important;
}

/* Cards / panels (as opposed to full-width bands) read better on white,
   so they lift off the tinted page instead of blending into it. */
.sports-goal-card,
.overlap-card-dark,
.rhythm-card,
.condition-signal-dark,
.decision-grid article:nth-child(2),
.spine-trauma-route-grid article:nth-child(3),
.blog-reading-card-dark,
.acl-safety-note,
.acl-detail-callout,
.acl-latest-card,
.blog-feature-card,
.contact-visit-card,
.contact-route-card-primary,
.appointment-request-aside,
.appointment-privacy-card,
.faq-question-rail,
.faq-safety-card,
.tpage .risk-panel {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow) !important;
}

/* Thin strips read better as a soft tint with rules above and below. */
.trust-ribbon,
.tpage .trust-strip {
  background: var(--lt-band-soft) !important;
  border-top: 1px solid var(--lt-border) !important;
  border-bottom: 1px solid var(--lt-border) !important;
}

/* ==========================================================================
   2. TEXT INSIDE THE CONVERTED SECTIONS
   ========================================================================== */

.patient-stories-disclaimer-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.trust-ribbon :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.journal-feature :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.dark-feature :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.article-cta :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.treatment-overview-acl :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.sports-goal-card :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.condition-overview-acl :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.sports-condition-goal :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.condition-signal-dark :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.overlap-card-dark :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.home-doctor-quote :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.home-care-map :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.rhythm-card :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.decision-grid article:nth-child(2) :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.spine-trauma-route-grid article:nth-child(3) :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.about-education-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.about-expertise-dark :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.about-source-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.specialities-process-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.treatments-decision-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.blog-reading-card-dark :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.blog-standard-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.blog-feature-copy :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.acl-lead-panel :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.acl-assessment-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.acl-safety-note :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.acl-detail-callout :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.acl-detail-cta :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.acl-latest-copy :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.contact-visit-card :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.contact-message-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.contact-route-card-primary :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.appointment-request-aside :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.appointment-prepare-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.appointment-privacy-card :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.faq-question-rail :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.faq-topic-cards a:first-child :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption),
.faq-safety-card :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.gallery-standards-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.article-detail-reviews :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.speciality-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.speciality-note :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.treatment-rail :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.treatment-reading-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.comparison-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.article-related-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.article-questions-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.article-facts-section :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.legal-principles :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.appointment-band :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption),
.tpage .hub-area :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.tpage .trust-strip :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.tpage .risk-panel :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.tpage .doctor-band :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a),
.image-band:not([style*="--image-band"]) .image-band-copy :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em,b,small,dt,dd,td,th,label,blockquote,figcaption,a) {
  color: var(--lt-text) !important;
}

/* Softer weight for body copy so hierarchy survives the flip. */
:is(.patient-stories-disclaimer-section, .trust-ribbon, .journal-feature, .dark-feature,
    .article-cta, .treatment-overview-acl, .sports-goal-card, .condition-overview-acl,
    .sports-condition-goal, .condition-signal-dark, .overlap-card-dark, .home-doctor-quote,
    .home-care-map, .rhythm-card, .about-education-section, .about-expertise-dark,
    .about-source-section, .specialities-process-section, .treatments-decision-section,
    .blog-reading-card-dark, .blog-standard-section, .blog-feature-copy, .acl-lead-panel,
    .acl-assessment-section, .acl-safety-note, .acl-detail-callout, .acl-detail-cta,
    .acl-latest-copy, .contact-visit-card, .contact-message-section, .contact-route-card-primary,
    .appointment-request-aside, .appointment-prepare-section, .appointment-privacy-card,
    .faq-question-rail, .faq-safety-card, .gallery-standards-section, .article-detail-reviews,
    .speciality-section, .speciality-note, .treatment-rail, .treatment-reading-section,
    .comparison-section, .article-related-section, .article-questions-section,
    .article-facts-section, .legal-principles, .appointment-band,
    .tpage .hub-area, .tpage .trust-strip, .tpage .risk-panel, .tpage .doctor-band)
  :is(p:not(.eyebrow), li, small, dd) {
  color: var(--lt-muted) !important;
}

/* Eyebrows, meta labels and inline accents: mint is unreadable on light,
   so they become the darker teal. */
:is(.patient-stories-disclaimer-section, .trust-ribbon, .journal-feature, .dark-feature,
    .article-cta, .treatment-overview-acl, .sports-goal-card, .condition-overview-acl,
    .sports-condition-goal, .condition-signal-dark, .overlap-card-dark, .home-doctor-quote,
    .home-care-map, .rhythm-card, .about-education-section, .about-expertise-dark,
    .about-source-section, .specialities-process-section, .treatments-decision-section,
    .blog-reading-card-dark, .blog-standard-section, .blog-feature-copy, .acl-lead-panel,
    .acl-assessment-section, .acl-safety-note, .acl-detail-callout, .acl-detail-cta,
    .acl-latest-copy, .contact-visit-card, .contact-message-section, .contact-route-card-primary,
    .appointment-request-aside, .appointment-prepare-section, .appointment-privacy-card,
    .faq-question-rail, .faq-safety-card, .gallery-standards-section, .article-detail-reviews,
    .speciality-section, .speciality-note, .treatment-rail, .treatment-reading-section,
    .comparison-section, .article-related-section, .article-questions-section,
    .article-facts-section, .legal-principles, .appointment-band,
    .tpage .hub-area, .tpage .trust-strip, .tpage .risk-panel, .tpage .doctor-band)
  :is(.eyebrow, .footer-label, .text-link, em, .blog-article-meta, .blog-card-meta) {
  color: var(--lt-accent) !important;
}

/* ==========================================================================
   3. NESTED CHROME INSIDE CONVERTED SECTIONS
   White-on-transparent borders and fills disappear on a light background,
   so re-point them at the light tokens.
   ========================================================================== */

:is(.patient-stories-disclaimer-section, .trust-ribbon, .journal-feature, .dark-feature,
    .article-cta, .treatment-overview-acl, .sports-goal-card, .condition-overview-acl,
    .sports-condition-goal, .condition-signal-dark, .overlap-card-dark, .home-doctor-quote,
    .home-care-map, .rhythm-card, .about-education-section, .about-expertise-dark,
    .about-source-section, .specialities-process-section, .treatments-decision-section,
    .blog-reading-card-dark, .blog-standard-section, .blog-feature-copy, .acl-lead-panel,
    .acl-assessment-section, .acl-safety-note, .acl-detail-callout, .acl-detail-cta,
    .acl-latest-copy, .contact-visit-card, .contact-message-section, .contact-route-card-primary,
    .appointment-request-aside, .appointment-prepare-section, .appointment-privacy-card,
    .faq-question-rail, .faq-safety-card, .gallery-standards-section, .article-detail-reviews,
    .speciality-section, .speciality-note, .treatment-rail, .treatment-reading-section,
    .comparison-section, .article-related-section, .article-questions-section,
    .article-facts-section, .legal-principles, .appointment-band,
    .tpage .hub-area, .tpage .risk-panel, .tpage .doctor-band) * {
  border-color: var(--lt-border) !important;
}

/* Inner panels that used a translucent white fill now read as white cards. */
:is(.home-care-map, .about-expertise-dark, .specialities-process-section,
    .treatments-decision-section, .acl-assessment-section, .appointment-prepare-section,
    .contact-message-section, .gallery-standards-section, .article-detail-reviews,
    .speciality-section, .treatment-reading-section, .comparison-section,
    .article-related-section, .article-questions-section, .article-facts-section,
    .legal-principles, .tpage .hub-area, .tpage .doctor-band)
  :is(article, li, .card, figure, blockquote, dl) {
  background-color: rgba(255, 255, 255, .72);
}

/* ==========================================================================
   4. BUTTONS INSIDE CONVERTED SECTIONS
   Ghost buttons designed for navy become solid/outlined for light.
   ========================================================================== */

:is(.patient-stories-disclaimer-section, .journal-feature, .dark-feature, .article-cta,
    .treatment-overview-acl, .sports-goal-card, .condition-overview-acl, .sports-condition-goal,
    .condition-signal-dark, .overlap-card-dark, .home-doctor-quote, .home-care-map, .rhythm-card,
    .about-education-section, .about-expertise-dark, .about-source-section,
    .specialities-process-section, .treatments-decision-section, .blog-reading-card-dark,
    .blog-standard-section, .blog-feature-copy, .acl-lead-panel, .acl-assessment-section,
    .acl-detail-cta, .acl-latest-copy, .contact-visit-card, .contact-message-section,
    .contact-route-card-primary, .appointment-request-aside, .appointment-prepare-section,
    .faq-question-rail, .gallery-standards-section, .speciality-section, .treatment-rail,
    .treatment-reading-section, .comparison-section, .article-related-section,
    .appointment-band, .tpage .hub-area, .tpage .doctor-band)
  .btn {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}

:is(.patient-stories-disclaimer-section, .journal-feature, .dark-feature, .article-cta,
    .treatment-overview-acl, .condition-overview-acl, .home-doctor-quote, .home-care-map,
    .about-education-section, .about-expertise-dark, .about-source-section,
    .specialities-process-section, .treatments-decision-section, .blog-standard-section,
    .acl-lead-panel, .acl-assessment-section, .acl-detail-cta, .contact-message-section,
    .appointment-prepare-section, .gallery-standards-section, .speciality-section,
    .treatment-rail, .treatment-reading-section, .comparison-section,
    .article-related-section, .appointment-band, .tpage .hub-area, .tpage .doctor-band)
  .btn:hover {
  background: var(--primary-strong) !important;
  border-color: var(--primary-strong) !important;
  color: #fff !important;
}

/* Secondary / ghost variants keep an outline instead of a fill. */
:is(.dark-feature, .article-cta, .home-care-map, .about-expertise-dark, .acl-detail-cta,
    .appointment-band, .treatment-rail)
  :is(.btn-ghost, .btn-outline, .btn-light, .btn-secondary) {
  background: transparent !important;
  border: 1px solid var(--primary) !important;
  color: var(--primary) !important;
}

/* ==========================================================================
   5. RE-ASSERT DARK WHERE A PHOTO SITS BEHIND THE TEXT
   These panels have an image or dark gradient of their own — their text must
   stay white. Doubled class names give them the specificity to win.
   ========================================================================== */

.blog-feature-image.blog-feature-image,
.blog-feature-image.blog-feature-image *,
.acl-latest-image.acl-latest-image,
.acl-latest-image.acl-latest-image *,
.specialities-bento-card.specialities-bento-card,
.specialities-bento-card.specialities-bento-card *,
.gallery-tile.gallery-tile,
.gallery-tile.gallery-tile *,
.gallery-portrait-card.gallery-portrait-card figcaption,
.gallery-portrait-card.gallery-portrait-card figcaption *,
.image-band[style*="--image-band"] .image-band-card,
.image-band[style*="--image-band"] .image-band-card *,
.joint-pathway-image.joint-pathway-image figcaption,
.joint-pathway-image.joint-pathway-image figcaption *,
.arthroscopy-overview-image.arthroscopy-overview-image figcaption,
.arthroscopy-overview-image.arthroscopy-overview-image figcaption *,
.specialities-principle-image.specialities-principle-image figcaption,
.specialities-principle-image.specialities-principle-image figcaption * {
  color: #fff !important;
}

.blog-feature-image.blog-feature-image > span,
.blog-feature-image.blog-feature-image strong em,
.acl-latest-image.acl-latest-image span,
.acl-latest-image.acl-latest-image em,
.image-band[style*="--image-band"] .image-band-card .eyebrow {
  color: var(--secondary) !important;
}

.blog-feature-image.blog-feature-image,
.acl-latest-image.acl-latest-image,
.specialities-bento-card.specialities-bento-card,
.gallery-tile.gallery-tile,
.gallery-portrait-card.gallery-portrait-card,
.joint-pathway-image.joint-pathway-image,
.arthroscopy-overview-image.arthroscopy-overview-image,
.specialities-principle-image.specialities-principle-image,
.joint-replacement-overview .image-panel {
  background-color: var(--primary) !important;
}

/* Photo captions, dark buttons, active pills, menus and the footer keep
   their original treatment. */
.doctor-portrait figcaption,
.about-portrait figcaption,
.gallery-feature figcaption,
.contact-map-pin,
.btn-dark,
.btn-dark:hover,
.pathway-tab.active,
.home-explorer-content .pathway-tab.active,
.blog-view-switch button.is-active,
.gallery-filter-row button.is-active,
.tpage .sec-num,
.tpage .hub-steps span,
.appointment-band .btn,
.site-footer,
.mobile-menu,
.mobile-action-bar,
.welcome-popup {
  background-color: var(--primary);
  color: #fff;
}

.site-footer :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,small,a,dt,dd) {
  color: inherit;
}

/* ==========================================================================
   6. FULL-WIDTH RHYTHM
   Alternating tinted bands so the light page still has structure.
   ========================================================================== */

/* ==========================================================================
   7. ICONS INSIDE CONVERTED SECTIONS
   Bootstrap <i> glyphs and inline SVG inherit currentColor; the ones that
   were explicitly white need re-pointing at the accent teal.
   ========================================================================== */

:is(.patient-stories-disclaimer-section, .trust-ribbon, .journal-feature, .dark-feature,
    .article-cta, .treatment-overview-acl, .sports-goal-card, .condition-overview-acl,
    .sports-condition-goal, .condition-signal-dark, .overlap-card-dark, .home-doctor-quote,
    .home-care-map, .rhythm-card, .about-education-section, .about-expertise-dark,
    .about-source-section, .specialities-process-section, .treatments-decision-section,
    .blog-reading-card-dark, .blog-standard-section, .blog-feature-copy, .acl-lead-panel,
    .acl-assessment-section, .acl-safety-note, .acl-detail-callout, .acl-detail-cta,
    .acl-latest-copy, .contact-visit-card, .contact-message-section, .contact-route-card-primary,
    .appointment-request-aside, .appointment-prepare-section, .appointment-privacy-card,
    .faq-question-rail, .faq-safety-card, .gallery-standards-section, .article-detail-reviews,
    .speciality-section, .speciality-note, .treatment-rail, .treatment-reading-section,
    .comparison-section, .article-related-section, .article-questions-section,
    .article-facts-section, .legal-principles, .appointment-band,
    .tpage .hub-area, .tpage .trust-strip, .tpage .risk-panel, .tpage .doctor-band)
  :is(i, svg) {
  color: var(--lt-accent) !important;
  fill: currentColor;
}

/* Buttons keep their own icon colour. */
:is(.patient-stories-disclaimer-section, .journal-feature, .dark-feature, .article-cta,
    .treatment-overview-acl, .condition-overview-acl, .home-doctor-quote, .home-care-map,
    .about-education-section, .about-expertise-dark, .about-source-section,
    .specialities-process-section, .treatments-decision-section, .blog-standard-section,
    .acl-lead-panel, .acl-assessment-section, .acl-detail-cta, .contact-message-section,
    .appointment-prepare-section, .gallery-standards-section, .speciality-section,
    .treatment-rail, .treatment-reading-section, .comparison-section,
    .article-related-section, .appointment-band, .tpage .hub-area, .tpage .doctor-band)
  .btn :is(i, svg) {
  color: #fff !important;
}

/* ==========================================================================
   8. CONTAINERS, ADDRESSES AND HOVER STATES
   Block-level wrappers that carried their own white colour, plus hover
   states that flipped text back to white.
   ========================================================================== */

:is(.patient-stories-disclaimer-section, .trust-ribbon, .journal-feature, .dark-feature,
    .article-cta, .treatment-overview-acl, .sports-goal-card, .condition-overview-acl,
    .sports-condition-goal, .condition-signal-dark, .overlap-card-dark, .home-doctor-quote,
    .home-care-map, .rhythm-card, .about-education-section, .about-expertise-dark,
    .about-source-section, .specialities-process-section, .treatments-decision-section,
    .blog-reading-card-dark, .blog-standard-section, .blog-feature-copy, .acl-lead-panel,
    .acl-assessment-section, .acl-safety-note, .acl-detail-callout, .acl-detail-cta,
    .acl-latest-copy, .contact-visit-card, .contact-message-section, .contact-route-card-primary,
    .appointment-request-aside, .appointment-prepare-section, .appointment-privacy-card,
    .faq-question-rail, .faq-safety-card, .gallery-standards-section, .article-detail-reviews,
    .speciality-section, .speciality-note, .treatment-rail, .treatment-reading-section,
    .comparison-section, .article-related-section, .article-questions-section,
    .article-facts-section, .legal-principles, .appointment-band,
    .tpage .hub-area, .tpage .trust-strip, .tpage .risk-panel, .tpage .doctor-band)
  :is(div, address, article, section, aside, figure, ul, ol, dl, table, header, footer) {
  color: var(--lt-text) !important;
}

.contact-route-card-primary:hover,
.contact-route-card-primary:hover :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,address,div),
.faq-question-rail .text-link:hover,
.faq-topic-cards a:first-child:hover,
.faq-topic-cards a:first-child:hover :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,div) {
  color: var(--lt-accent) !important;
}

/* Oversized watermark word behind the specialities band. */
.speciality-section:before {
  color: rgba(16, 44, 61, .05) !important;
}

/* ==========================================================================
   9. "NEXT STEP" BANDS
   These were solid mint. Softened so they sit in the same light family as
   the rest of the page while still reading as a full-width break.
   ========================================================================== */

.home-appointment-band,
.about-conversation-section,
.specialities-conversation-section,
.treatments-next-section,
.blog-next-section,
.acl-next-section,
.contact-next-section,
.faq-conversation-section,
.faq-next-section,
.gallery-next-section {
  background: var(--lt-accent-soft) !important;
  color: var(--lt-text) !important;
  border-top: 1px solid var(--lt-border);
  border-bottom: 1px solid var(--lt-border);
}

:is(.home-appointment-band, .about-conversation-section, .specialities-conversation-section,
    .treatments-next-section, .blog-next-section, .acl-next-section, .contact-next-section,
    .faq-conversation-section, .faq-next-section, .gallery-next-section)
  :is(h1,h2,h3,h4,h5,h6,strong,div,li,td,th) {
  color: var(--lt-text) !important;
}

:is(.home-appointment-band, .about-conversation-section, .specialities-conversation-section,
    .treatments-next-section, .blog-next-section, .acl-next-section, .contact-next-section,
    .faq-conversation-section, .faq-next-section, .gallery-next-section)
  :is(p:not(.eyebrow), small, dd) {
  color: var(--lt-muted) !important;
}

:is(.home-appointment-band, .about-conversation-section, .specialities-conversation-section,
    .treatments-next-section, .blog-next-section, .acl-next-section, .contact-next-section,
    .faq-conversation-section, .faq-next-section, .gallery-next-section)
  :is(.eyebrow, .text-link) {
  color: var(--lt-accent) !important;
}

:is(.home-appointment-band, .about-conversation-section, .specialities-conversation-section,
    .treatments-next-section, .blog-next-section, .acl-next-section, .contact-next-section,
    .faq-conversation-section, .faq-next-section, .gallery-next-section)
  .btn {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}