/*
 * Everklin global white canvas
 *
 * Neutral cream and ivory page surfaces resolve to white. Brand olive,
 * pale-green feature bands, dark sections, borders and accents stay intact.
 * This file is intentionally loaded last so legacy page themes inherit the
 * same neutral canvas without changing their layout or content structure.
 */

:root {
    --ek-cream: #ffffff;
    --ek-soft-cream: #ffffff;
    --ek-warm-cream: #ffffff;
    --ek-ivory: #ffffff;
    --ek-refine-cream: #ffffff;
    --ek-ui-cream: #ffffff;
    --ek-shell-cream: #ffffff;
    --ek-page-cream: #ffffff;
    --ekp-cream: #ffffff;
    --ekp-cream-deep: #ffffff;
    --ekd-cream-100: #ffffff;
    --cream: #ffffff;
    --cream-2: #ffffff;
    --theme-cream: #ffffff;
    --everklin-cream: #ffffff;
    --everklin-bg-cream: #ffffff;
    --ch-cream: #ffffff;
    --ch-warm-white: #ffffff;
    --corporate-cream: #ffffff;
    --apex-cream: #ffffff;
    --edt-cream: #ffffff;
    --ft-paper: #ffffff;
}

html,
body,
body.everklin-transformed,
body.everklin-transformed main {
    background-color: #ffffff !important;
}

/* Header is part of the global neutral canvas. */
body.everklin-transformed .site-header,
body.everklin-transformed .site-header.is-menu-open,
body.everklin-transformed .site-header.is-scrolled,
body:has(main) .site-header,
body:has(main) .site-header.is-menu-open,
body:has(main) .site-header.is-scrolled {
    background: rgba(255, 255, 255, .97) !important;
}

/* Component-scoped aliases override older local theme declarations. */
:where(.corp-home) {
    --ch-cream: #ffffff;
    --ch-warm-white: #ffffff;
}

:where(.solutions-flagship, .solutions-hub) {
    --sf-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.sfh-page) {
    --sfh-cream: #ffffff;
    --sfh-soft-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.wtfl-page, .water-treatment-family) {
    --wtfl-cream: #ffffff;
}

:where(.sp-page, .shared-solution-page) {
    --sp-cream: #ffffff;
    --wsp-cream: #ffffff;
}

:where(.fpp-page) {
    --fpp-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.fph) {
    --fpi-cream: #ffffff;
    --fpi-cream-strong: #ffffff;
    --fw-cream: #ffffff;
}

:where(.iic-flagship, .iic-industry-flagship, .industrial-care-flagship) {
    --iic-cream: #ffffff;
    --iic-ref-cream: #ffffff;
    --industry-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.industries-hub, .industry-page) {
    --ih-cream: #ffffff;
    --industry-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.room-hub, .room-care-product-hub) {
    --room-cream: #ffffff;
}

:where(.brewery-page) {
    --brew-cream: #ffffff;
}

:where(.industrial-glass-page) {
    --ii-cream: #ffffff;
}

:where(.flagship-journey, .anchor-page) {
    --fj-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.sustainability-nova, .sustainability-tesla, .sustainability-flagship) {
    --sn-cream: #ffffff;
    --st-cream: #ffffff;
    --sf-cream: #ffffff;
}

:where(.resource-flagship, .resources-flagship, .knowledge-flagship, .downloads-flagship) {
    --resource-cream: #ffffff;
    --rf-cream: #ffffff;
    --re-cream: #ffffff;
    --ke-cream: #ffffff;
    --rg-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.contact-ultra) {
    --contact-cream: #ffffff;
    --pc-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.th-home) {
    --th-cream: #ffffff;
}

:where(.ek-system, .ek-prototype) {
    --ekd-cream-100: #ffffff;
}

:where(.lpd) {
    --lpd-cream: #ffffff;
    --lpd-paper: #ffffff;
}

/* Light hero/content panels keep their opacity but lose the ivory tint. */
html body.everklin-transformed #main .corp-hero__content,
html body.everklin-transformed #main .solutions-hero__copy,
html body.everklin-transformed #main .sfh-hero__copy,
html body.everklin-transformed #main .fpp-hero__copy,
html body.everklin-transformed #main .iic-hero__content,
html body.everklin-transformed #main .ek-inner-home-hero__panel,
html body.everklin-transformed #main .contact-hero__copy {
    background: rgba(255, 255, 255, .96) !important;
}

/* Remaining neutral cream blocks that use literal legacy colors. */
html body.everklin-transformed.everklin-transformed main .sfh-switcher__panel,
html body.everklin-transformed.everklin-transformed main .download-library-group-section--public,
html body.everklin-transformed.everklin-transformed main .solutions-hero,
html body.everklin-transformed.everklin-transformed main .iic-hero--industry {
    background-color: #ffffff !important;
}

html body.everklin-transformed.everklin-transformed main .solutions-hero__note {
    background-color: rgba(255, 255, 255, .82) !important;
}

/* Living diagrams retain their colored states while neutral work areas turn white. */
html body.everklin-transformed.everklin-transformed main :where(
    .lpd__toolbar,
    .lpd__frame,
    .lpd__canvas,
    .lpd__scene-media,
    .lpd__visual,
    .lpd__visual-state,
    .lpd__component-name,
    .lpd__panel,
    .lpd__parameter:not(.is-active),
    .lpd details,
    .fph-category-tabs,
    .fph-used-for,
    .fph-common-faq,
    .fph-common-faq details,
    .fph-common-faq summary
) {
    background-color: #ffffff !important;
}

/* Win over legacy component-scoped custom properties on every template family. */
body.everklin-transformed :is(
    .corp-home,
    .solutions-flagship,
    .solutions-hub,
    .sfh-page,
    .wtfl-page,
    .water-treatment-family,
    .sp-page,
    .shared-solution-page,
    .fpp-page,
    .fph,
    .iic-flagship,
    .iic-industry-flagship,
    .industrial-care-flagship,
    .industries-hub,
    .industry-page,
    .room-hub,
    .room-care-product-hub,
    .brewery-page,
    .industrial-glass-page,
    .flagship-journey,
    .anchor-page,
    .sustainability-nova,
    .sustainability-tesla,
    .sustainability-flagship,
    .resource-flagship,
    .resources-flagship,
    .knowledge-flagship,
    .downloads-flagship,
    .contact-ultra,
    .th-home,
    .ek-system,
    .ek-prototype,
    .lpd
) {
    --ch-cream: #ffffff !important;
    --ch-warm-white: #ffffff !important;
    --sf-cream: #ffffff !important;
    --sfh-cream: #ffffff !important;
    --sfh-soft-cream: #ffffff !important;
    --wtfl-cream: #ffffff !important;
    --sp-cream: #ffffff !important;
    --wsp-cream: #ffffff !important;
    --fpp-cream: #ffffff !important;
    --fpi-cream: #ffffff !important;
    --fpi-cream-strong: #ffffff !important;
    --fw-cream: #ffffff !important;
    --iic-cream: #ffffff !important;
    --iic-ref-cream: #ffffff !important;
    --industry-cream: #ffffff !important;
    --ih-cream: #ffffff !important;
    --room-cream: #ffffff !important;
    --brew-cream: #ffffff !important;
    --ii-cream: #ffffff !important;
    --fj-cream: #ffffff !important;
    --sn-cream: #ffffff !important;
    --st-cream: #ffffff !important;
    --resource-cream: #ffffff !important;
    --rf-cream: #ffffff !important;
    --re-cream: #ffffff !important;
    --ke-cream: #ffffff !important;
    --rg-cream: #ffffff !important;
    --contact-cream: #ffffff !important;
    --pc-cream: #ffffff !important;
    --th-cream: #ffffff !important;
    --lpd-cream: #ffffff !important;
    --lpd-paper: #ffffff !important;
    --ekd-cream-100: #ffffff !important;
}

html body.everklin-transformed #main.sustainability-nova .sn-hero,
html body.everklin-transformed #main.sustainability-nova .sn-detail__block {
    background-color: #ffffff !important;
}

html body.everklin-transformed #main.sustainability-nova .sn-hero__copy {
    background: rgba(255, 255, 255, .96) !important;
}

html body.everklin-transformed #main.contact-ultra fieldset.request-field,
html body.everklin-transformed #main.contact-ultra details.request-field {
    background-color: #ffffff !important;
}