/* LHT light-mode surface correction. Loaded last to override homepage editorial dark gradients. */
html[data-lht-theme="light"] .home main{background:#f5f2ea!important;color:#173f31!important}
html[data-lht-theme="light"] .home main > #about,
html[data-lht-theme="light"] .home main > #treatments,
html[data-lht-theme="light"] .home main > #corrective-restoration,
html[data-lht-theme="light"] .home main > #beyond,
html[data-lht-theme="light"] .home main > #lht-care-advantage,
html[data-lht-theme="light"] .home main > #journey,
html[data-lht-theme="light"] .home main > #concierge,
html[data-lht-theme="light"] .home main > #results,
html[data-lht-theme="light"] .home main > .clinical,
html[data-lht-theme="light"] .home main > #consultation,
html[data-lht-theme="light"] .home main > #faq{
 background:#f5f2ea!important;color:#173f31!important;border-color:#c8d5cb!important;
}
html[data-lht-theme="light"] .home main > section:not(.hero) :is(h1,h2,h3,h4,h5,h6){color:#173f31!important;text-shadow:none!important}
html[data-lht-theme="light"] .home main > section:not(.hero) :is(p,li,summary){color:#3d5b4e!important}
html[data-lht-theme="light"] .home main > section:not(.hero) :is(.kicker,.eyebrow){color:#376b5c!important}
html[data-lht-theme="light"] .home main > section:not(.hero) :is(.btn.light){background:#173f31!important;color:#f5f2ea!important;border-color:#173f31!important}
html[data-lht-theme="light"] .home main > section:not(.hero) :is(.btn.ghost){color:#173f31!important;border-color:#658477!important}
/* Neutralise dark section-wide pseudo shading without suppressing image hover reveals. */
html[data-lht-theme="light"] .home main > #about::before,
html[data-lht-theme="light"] .home main > #about::after,
html[data-lht-theme="light"] .home main > #treatments::before,
html[data-lht-theme="light"] .home main > #treatments::after,
html[data-lht-theme="light"] .home main > #journey::before,
html[data-lht-theme="light"] .home main > #journey::after{background:transparent!important}
/* Preserve the dark cinematic DNA hero and dark footer in both modes. */
html[data-lht-theme="light"] .home main > .hero{background:#041918!important;color:#f7f1e7!important}
html[data-lht-theme="light"] .home main > .hero :is(h1,h2,p,span){color:#f7f1e7!important}
html[data-lht-theme="light"] .home main > .hero .btn.light{background:#f6f0e5!important;color:#0b2928!important}
html[data-lht-theme="light"] .lht-slim-footer{background:#102b2b!important;color:#f5efe5!important}
html[data-lht-theme="light"] .lht-slim-footer *{color:inherit}
/* Keep headings legible even where the original hover reveal relies on opacity transitions. */
html[data-lht-theme="light"] .home main > #treatments :is(h2,h3),
html[data-lht-theme="light"] .home main > #treatments .section-head{opacity:1!important;visibility:visible!important}

/* 2026-10-14: two remaining homepage light-mode surfaces.
   Keep the hero and the dark-mode appearance unchanged. */
html[data-lht-theme="light"] body.home main#top > section#about.section.intro,
html[data-lht-theme="light"] body.home main#top > section#consultation.consult {
  background: #f5f2ea !important;
  background-image: none !important;
  color: #173f31 !important;
}
html[data-lht-theme="light"] body.home main#top > section#about.section.intro :is(h1,h2,h3,h4,p,li,strong,span),
html[data-lht-theme="light"] body.home main#top > section#consultation.consult :is(h1,h2,h3,h4,p,li,strong,span) {
  color: #173f31 !important;
  text-shadow: none !important;
}
html[data-lht-theme="light"] body.home main#top > section#about.section.intro :is(.kicker,.eyebrow),
html[data-lht-theme="light"] body.home main#top > section#consultation.consult :is(.kicker,.eyebrow) {
  color: #376b5c !important;
}
html[data-lht-theme="light"] body.home main#top > section#about.section.intro :is(.principles,.section-head,.principles > *,article),
html[data-lht-theme="light"] body.home main#top > section#consultation.consult :is(.consult-copy,.consult-actions) {
  border-color: #c8d5cb !important;
}
/* Preserve readable pale type while the entrance photo is actively revealed. */
html[data-lht-theme="light"] body.home main#top > section#consultation.consult .lht-consult-heading-reveal:is(:hover,:focus-visible) span,
html[data-lht-theme="light"] body.home main#top > section#consultation.consult .lht-consult-heading-reveal.lht-photo-active span {
  color: #f7f1e7 !important;
}
/* Do not allow the old section-wide dark overlay to cover the ivory surface. */
html[data-lht-theme="light"] body.home main#top > section#about.section.intro::before,
html[data-lht-theme="light"] body.home main#top > section#about.section.intro::after,
html[data-lht-theme="light"] body.home main#top > section#consultation.consult::before,
html[data-lht-theme="light"] body.home main#top > section#consultation.consult::after {
  background: transparent !important;
  box-shadow: none !important;
}

/* Light theme: visible treatment-card surfaces to match concierge's restrained petrol tint.
   Only the idle card surface changes; existing photo reveals and dark mode are untouched. */
html[data-lht-theme="light"] body.home #treatments .treatment-grid .treatment-card {
  background-color: rgba(23,63,49,.105) !important;
  border-color: rgba(23,63,49,.24) !important;
}
html[data-lht-theme="light"] body.home #treatments .treatment-grid .treatment-card:is(:hover,:focus-visible,:focus-within) {
  background-color: rgba(23,63,49,.105) !important;
}