/* AquaScape dark theme layer.
   Load after style.css or auth.css. */

html.dark-mode {
    color-scheme: dark;
}

body.dark-mode {
    background-color: #0B1D24 !important;
    color: #DCECEF !important;
}

/* Shared controls and form surfaces */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: #102A33 !important;
    color: #EAF5F7 !important;
    border-color: #355661 !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #7F9AA2 !important;
}

body.dark-mode label {
    color: #C7DCE1 !important;
}

/* Authentication pages */
body.dark-mode {
    --body-bg: #0D171A;
    
    --card-bg: #142126;
    --text-main: #F2FAFC;
    --text-soft: #A8BBC0;
    --border: #2B4147;
    --input-bg: #101B1F;
    --primary-light: #19373E;
    --shadow: 0 25px 70px rgba(0, 0, 0, 0.45);
}

body.dark-mode .auth-page,
body.dark-mode .auth-form-container {
    background-color: #0B1D24 !important;
}

body.dark-mode .auth-form-container h2,
body.dark-mode .auth-form-container .auth-form-description,
body.dark-mode .auth-input-group label {
    color: #F2FAFC !important;
}

body.dark-mode .auth-input-box {
    background-color: #142126 !important;
    border-color: #2B4147 !important;
    color: #F2FAFC !important;
}

body.dark-mode .pool-theme-toggle,
body.dark-mode .pool-direction-toggle {
    background-color: #173943 !important;
    border-color: #345661 !important;
    color: #DCECEF !important;
}

body.dark-mode .pool-theme-toggle:hover,
body.dark-mode .pool-direction-toggle:hover {
    background-color: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #082F3D !important;
}

@media (prefers-reduced-motion: reduce) {

    body.dark-mode,
    body.dark-mode * {
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================
   GLOBAL DARK MODE CONTENT COLORS
   Swimming Pool Installation & Maintenance
========================================================= */

/* Main headings */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #FFFFFF !important;
}

/* Keep section kickers and small headings consistent across every page. */
body.dark-mode [class*="-label"],
body.dark-mode [class*="-badge"],
body.dark-mode [class*="-kicker"],
body.dark-mode [class*="-heading"] > span,
body.dark-mode [class*="-head"] > span,
body.dark-mode [class*="-intro"] > span {
    color: #6ED3E6 !important;
}

body.dark-mode h2,
body.dark-mode h2 strong {
    color: #FFFFFF !important;
}

body.dark-mode h2 strong,
body.dark-mode h2 span,
body.dark-mode h2 em {
    color: #6ED3E6 !important;
}

/* H2 accent text */
body.dark-mode h1 strong,
body.dark-mode h2 strong,
body.dark-mode h3 strong,
body.dark-mode h4 strong,
body.dark-mode h5 strong,
body.dark-mode h6 strong {
    color: #6ED3E6 !important;
}

/* Existing accent text inside headings */
body.dark-mode h2 span,
body.dark-mode h2 em {
    color: #6ED3E6 !important;
}

/* Content / descriptions */
body.dark-mode p,
body.dark-mode li {
    color: #FFFFFF !important;
}

/* Common descriptive/content elements */
body.dark-mode .description,
body.dark-mode .desc,
body.dark-mode .text,
body.dark-mode .content-text,
body.dark-mode .section-description,
body.dark-mode .section-desc,
body.dark-mode .hero-description,
body.dark-mode .card-description,
body.dark-mode .service-description {
    color: #AFC6CC !important;
}

/* Tags / labels / kickers / badges */
body.dark-mode .home2-eyebrow,
body.dark-mode .home2-maintenance-badge,
body.dark-mode .home2-section-kicker,
body.dark-mode .pool-assessment-cta-2026-label,
body.dark-mode .pool-care-2026-label,
body.dark-mode .pool-chemical-visual-badge-2026,
body.dark-mode .pool-contact-final-label-2026,
body.dark-mode .pool-contact-map-label-2026,
body.dark-mode .pool-contact-next-label-2026,
body.dark-mode .pool-installation-details-2026-badge,
body.dark-mode .pool-installation-details-2026-label,
body.dark-mode .pool-installation-final-cta-2026-label,
body.dark-mode .pool-lifestyle-2026-badge,
body.dark-mode .pool-lifestyle-2026-label,
body.dark-mode .pool-maintenance-approach-2026-badge,
body.dark-mode .pool-maintenance-approach-2026-label,
body.dark-mode .pool-planning-2026-label,
body.dark-mode .pool-projects-showcase-2026-label,
body.dark-mode .pool-services-intro-2026-label,
body.dark-mode .pool-testimonials-2026-label,
body.dark-mode .pool-type-comparison-2026-label,
body.dark-mode .pool-why-choose-2026-label,
body.dark-mode .pool-chemical-intro-heading-2026 > span,
body.dark-mode .pool-chemical-visual-content-2026 > span,
body.dark-mode .pool-chemical-final-cta-content-2026 > span,
body.dark-mode .pool-contact-details-2026 > span,
body.dark-mode .pool-contact-form-heading-2026 > span,
body.dark-mode .pool-contact-next-action-text-2026 > span,
body.dark-mode .pool-contact-map-detail-content-2026 > span {
    color: #6ED3E6 !important;
}

/* Icons */
body.dark-mode i,
body.dark-mode .fa-solid,
body.dark-mode .fa-regular,
body.dark-mode .fa-brands {
    color: #6ED3E6 !important;
}

/* Keep buttons readable */
body.dark-mode button i {
    color: inherit !important;
}

/* Theme / direction controls */
body.dark-mode .pool-theme-toggle,
body.dark-mode .pool-direction-toggle {
    color: #DCECEF !important;
}

body.dark-mode .pool-theme-toggle i,
body.dark-mode .pool-direction-toggle i {
    color: #DCECEF !important;
}

/* Header logos use a dark circle, so the water icon stays cyan for contrast. */
body.dark-mode .pool-navbar-2026-logo-icon i {
    color: #6ED3E6 !important;
}

/* The footer logo uses a cyan circle, so its icon uses dark ink. */
body.dark-mode .pool-footer-2026-logo-icon i {
    color: #082F3D !important;
}

body.dark-mode .pool-theme-toggle:hover,
body.dark-mode .pool-direction-toggle:hover,
body.dark-mode .pool-theme-toggle:hover i,
body.dark-mode .pool-direction-toggle:hover i {
    color: #082F3D !important;
}

/* Content buttons use the same dark-mode treatment as the footer CTA.
   Home 1 and Home 2 hero buttons intentionally keep their original style. */
body.dark-mode .pool-footer-2026-assessment,
body.dark-mode .pool-lifestyle-2026-button,
body.dark-mode .pool-care-2026-button,
body.dark-mode .pool-assessment-cta-2026-button,
body.dark-mode .pool-type-comparison-2026-button,
body.dark-mode .pool-installation-final-cta-2026-button,
body.dark-mode .pool-maintenance-final-cta-2026-button,
body.dark-mode .pool-chemical-final-cta-button-2026,
body.dark-mode .pool-contact-submit-2026,
body.dark-mode .pool-contact-next-button-2026,
body.dark-mode .pool-contact-final-btn-2026,
body.dark-mode .pool-contact-map-link-2026,
body.dark-mode .pool-maintenance-promise-2026-action > a,
body.dark-mode .pool-services-intro-2026-link,
body.dark-mode .home2-outline-btn,
body.dark-mode .auth-submit-btn {
    background-color: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #063B4A !important;
}

body.dark-mode .pool-footer-2026-assessment i,
body.dark-mode .pool-lifestyle-2026-button i,
body.dark-mode .pool-care-2026-button i,
body.dark-mode .pool-assessment-cta-2026-button i,
body.dark-mode .pool-type-comparison-2026-button i,
body.dark-mode .pool-installation-final-cta-2026-button i,
body.dark-mode .pool-maintenance-final-cta-2026-button i,
body.dark-mode .pool-chemical-final-cta-button-2026 i,
body.dark-mode .pool-contact-submit-2026 i,
body.dark-mode .pool-contact-next-button-2026 i,
body.dark-mode .pool-contact-final-btn-2026 i,
body.dark-mode .pool-contact-map-link-2026 i,
body.dark-mode .pool-maintenance-promise-2026-action > a i,
body.dark-mode .pool-services-intro-2026-link i,
body.dark-mode .home2-outline-btn i,
body.dark-mode .auth-submit-btn i {
    color: inherit !important;
}

body.dark-mode .pool-footer-2026-assessment:hover,
body.dark-mode .pool-lifestyle-2026-button:hover,
body.dark-mode .pool-care-2026-button:hover,
body.dark-mode .pool-assessment-cta-2026-button:hover,
body.dark-mode .pool-type-comparison-2026-button:hover,
body.dark-mode .pool-installation-final-cta-2026-button:hover,
body.dark-mode .pool-maintenance-final-cta-2026-button:hover,
body.dark-mode .pool-chemical-final-cta-button-2026:hover,
body.dark-mode .pool-contact-submit-2026:hover,
body.dark-mode .pool-contact-next-button-2026:hover,
body.dark-mode .pool-contact-final-btn-2026:hover,
body.dark-mode .pool-contact-map-link-2026:hover,
body.dark-mode .pool-maintenance-promise-2026-action > a:hover,
body.dark-mode .pool-services-intro-2026-link:hover,
body.dark-mode .home2-outline-btn:hover,
body.dark-mode .auth-submit-btn:hover {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #082F3D !important;
}

/* Navigation icons remain visible */
body.dark-mode .pool-navbar-2026-link i,
body.dark-mode .pool-navbar-2026-mobile-link i {
    color: #6ED3E6 !important;
}

/* Pool Types choice guide keeps its own dark-section palette. */
body.dark-mode #pool-choice-guide-2026 .pool-choice-guide-2026-head > span,
body.dark-mode #pool-choice-guide-2026 .pool-choice-guide-2026-head h2 strong,
body.dark-mode #pool-choice-guide-2026 .pool-choice-guide-2026-bottom a {
    color: #6ED3E6 !important;
}

body.dark-mode #pool-choice-guide-2026 .pool-choice-guide-2026-head h2,
body.dark-mode #pool-choice-guide-2026 .pool-choice-guide-2026-step h3 {
    color: #FFFFFF !important;
}

body.dark-mode #pool-choice-guide-2026 .pool-choice-guide-2026-step p,
body.dark-mode #pool-choice-guide-2026 .pool-choice-guide-2026-bottom p {
    color: #AFC6CC !important;
}

body.dark-mode #pool-choice-guide-2026 .pool-choice-guide-2026-number {
    color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode #pool-choice-guide-2026 .pool-choice-guide-2026-icon i {
    color: inherit !important;
}

/* Form labels / supporting labels */
body.dark-mode label,
body.dark-mode .auth-form-label {
    color: #FFFFFF !important;
}

/* Final contrast pass for page-specific selectors loaded from style.css. */
body.dark-mode [class*="-heading"] span,
body.dark-mode [class*="-head"] span,
body.dark-mode [class*="-intro"] > span,
body.dark-mode [class*="-label"] {
    color: #6ED3E6 !important;
}

body.dark-mode [class] p,
body.dark-mode [class] li {
    color: #FFFFFF !important;
}

body.dark-mode section[id] h1,
body.dark-mode section[id] h2,
body.dark-mode section[id] h3,
body.dark-mode section[id] h4,
body.dark-mode section[id] h5,
body.dark-mode section[id] h6 {
    color: #FFFFFF !important;
}

body.dark-mode section[id] h1 strong,
body.dark-mode section[id] h2 strong,
body.dark-mode section[id] h3 strong,
body.dark-mode section[id] h4 strong,
body.dark-mode section[id] h5 strong,
body.dark-mode section[id] h6 strong {
    color: #6ED3E6 !important;
}

/* Requested page labels and collection/category markers. */
body.dark-mode .pool-types-intro-2026-heading > span,
body.dark-mode .pool-type-collection-2026-top span,
body.dark-mode .pool-type-collection-2026-info > span,
body.dark-mode .pool-design-features-2026-heading > span,
body.dark-mode .pool-installation-journey-2026-heading > span,
body.dark-mode .pool-installation-journey-2026-content > span,
body.dark-mode .pool-maintenance-routine-2026-heading > span,
body.dark-mode .pool-maintenance-approach-2026-label,
body.dark-mode .pool-maintenance-promise-2026-content > span,
body.dark-mode .pool-chemical-categories-head-2026 span,
body.dark-mode .pool-water-balance-head-2026 span,
body.dark-mode .pool-chemical-benefits-top-2026 span {
    color: #6ED3E6 !important;
}


/* =========================================================
   HOME 2 — EXTRA SECTIONS DARK MODE
========================================================= */
body.dark-mode .home2-page-2026 .home2-extra-types-2026,
body.dark-mode .home2-page-2026 .home2-extra-care-2026 { background:#071C24; }
body.dark-mode .home2-page-2026 .home2-extra-process-2026,
body.dark-mode .home2-page-2026 .home2-extra-projects-2026 { background:#102B34; }
body.dark-mode .home2-page-2026 .home2-extra-kicker { color:#6ED3E6; }
body.dark-mode .home2-page-2026 .home2-extra-types-head h2,
body.dark-mode .home2-page-2026 .home2-extra-process-head h2,
body.dark-mode .home2-page-2026 .home2-extra-care-content h2,
body.dark-mode .home2-page-2026 .home2-extra-projects-head h2 { color:#FFFFFF; }
body.dark-mode .home2-page-2026 .home2-extra-types-head h2 strong,
body.dark-mode .home2-page-2026 .home2-extra-process-head h2 strong,
body.dark-mode .home2-page-2026 .home2-extra-care-content h2 strong,
body.dark-mode .home2-page-2026 .home2-extra-projects-head h2 strong { color:#6ED3E6; }
body.dark-mode .home2-page-2026 .home2-extra-types-head p,
body.dark-mode .home2-page-2026 .home2-extra-process-head p,
body.dark-mode .home2-page-2026 .home2-extra-care-content>p,
body.dark-mode .home2-page-2026 .home2-extra-projects-head>p { color:#FFFFFF; }
body.dark-mode .home2-page-2026 .home2-extra-types-list,
body.dark-mode .home2-page-2026 .home2-extra-types-list article,
body.dark-mode .home2-page-2026 .home2-extra-care-list,
body.dark-mode .home2-page-2026 .home2-extra-care-list>div { border-color:#345661; }
body.dark-mode .home2-page-2026 .home2-extra-types-list article:hover { background:#173943; }
body.dark-mode .home2-page-2026 .home2-extra-types-list h3,
body.dark-mode .home2-page-2026 .home2-extra-process-track h3,
body.dark-mode .home2-page-2026 .home2-extra-care-list strong { color:#FFFFFF; }
body.dark-mode .home2-page-2026 .home2-extra-types-list p,
body.dark-mode .home2-page-2026 .home2-extra-process-track p,
body.dark-mode .home2-page-2026 .home2-extra-care-list small { color:#FFFFFF; }
body.dark-mode .home2-page-2026 .home2-extra-link,
body.dark-mode .home2-page-2026 .home2-extra-process-button { color:#FFFFFF; }
body.dark-mode .home2-page-2026 .home2-extra-link i,
body.dark-mode .home2-page-2026 .home2-extra-process-button i { color:#6ED3E6; }
body.dark-mode.home2-page-2026 .home2-extra-types-2026 .home2-extra-link,
body.dark-mode.home2-page-2026 .home2-extra-types-2026 .home2-extra-link i { color:#FFFFFF !important; }
body.dark-mode .home2-page-2026 .home2-extra-care-list i { color:#6ED3E6; background:rgba(110,211,230,.16); }

/* =========================================================
   HOME 2 — THREE SECTION DARK MODE REFRESH
========================================================= */
body.dark-mode .home2-page-2026 .home2-extra-types-2026{background:#071C24!important;}
body.dark-mode .home2-page-2026 .home2-extra-process-2026{background:#102B34!important;}
body.dark-mode .home2-page-2026 .home2-extra-types-layout{background:#102B34!important;box-shadow:0 22px 60px rgba(0,0,0,.2);}
body.dark-mode .home2-page-2026 .home2-extra-types-head h2,
body.dark-mode .home2-page-2026 .home2-extra-process-head h2{color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-types-head h2 strong,
body.dark-mode .home2-page-2026 .home2-extra-process-head h2 strong{color:#6ED3E6!important;}
body.dark-mode .home2-page-2026 .home2-extra-types-head p,
body.dark-mode .home2-page-2026 .home2-extra-process-head p{color:#DCECEF!important;}
body.dark-mode .home2-page-2026 .home2-extra-types-list{background:#102B34!important;}
body.dark-mode .home2-page-2026 .home2-extra-types-list article,
body.dark-mode .home2-page-2026 .home2-extra-types-list article:first-child{border-color:rgba(255,255,255,.16)!important;}
body.dark-mode .home2-page-2026 .home2-extra-types-list article:hover{background:#173943!important;}
body.dark-mode .home2-page-2026 .home2-extra-types-list h3{color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-types-list p{color:#BFD5DA!important;}
body.dark-mode .home2-page-2026 .home2-extra-types-list article>span{border-color:#345661!important;color:#6ED3E6!important;}
body.dark-mode .home2-page-2026 .home2-extra-process-track article{background:#071C24!important;border-color:#294650!important;}
body.dark-mode .home2-page-2026 .home2-extra-process-track article:hover{border-color:#6ED3E6!important;box-shadow:0 20px 45px rgba(0,0,0,.25);}
body.dark-mode .home2-page-2026 .home2-extra-process-track article>span{background:#6ED3E6!important;color:#082F3D!important;border-color:#102B34!important;}
body.dark-mode .home2-page-2026 .home2-extra-process-track h3{color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-process-track p{color:#BFD5DA!important;}
body.dark-mode .home2-page-2026 .home2-extra-process-button{background:#071C24!important;border-color:#345661!important;color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-process-button:hover{background:#6ED3E6!important;border-color:#6ED3E6!important;color:#082F3D!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-2026{background:#06171E!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-content h2{color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-content h2 strong{color:#6ED3E6!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-content>p{color:#DCECEF!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-list{border-color:rgba(255,255,255,.18)!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-list>div{border-color:rgba(255,255,255,.18)!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-list>div:hover{background:rgba(110,211,230,.07)!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-list i{background:rgba(110,211,230,.14)!important;color:#6ED3E6!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-list strong{color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-list small{color:#BFD5DA!important;}
body.dark-mode .home2-page-2026 .home2-extra-care-content .home2-extra-link{color:#fff!important;border-color:rgba(255,255,255,.25)!important;}

/* =========================================================
   HOME 2 — COMPLETE EXTRA SECTIONS DARK MODE FIX
========================================================= */
body.dark-mode .home2-page-2026 .home2-extra-projects-2026{background:#102B34!important;}
body.dark-mode .home2-page-2026 .home2-extra-benefits-2026{background:#071C24!important;}
body.dark-mode .home2-page-2026 .home2-extra-projects-head h2,body.dark-mode .home2-page-2026 .home2-extra-benefits-content h2{color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-projects-head h2 strong,body.dark-mode .home2-page-2026 .home2-extra-benefits-content h2 strong{color:#6ED3E6!important;}
body.dark-mode .home2-page-2026 .home2-extra-projects-head>p,body.dark-mode .home2-page-2026 .home2-extra-benefits-content>p{color:#DCECEF!important;}
body.dark-mode .home2-page-2026 .home2-extra-project{background:#071C24!important;}
body.dark-mode .home2-page-2026 .home2-extra-enquiry{background:#6ED3E6!important;}
body.dark-mode .home2-page-2026 .home2-extra-enquiry span,body.dark-mode .home2-page-2026 .home2-extra-enquiry h3,body.dark-mode .home2-page-2026 .home2-extra-enquiry p,body.dark-mode .home2-page-2026 .home2-extra-enquiry small{color:#082F3D!important;}
body.dark-mode .home2-page-2026 .home2-extra-enquiry a{background:#082F3D!important;border-color:#082F3D!important;color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-enquiry a:hover{background:#fff!important;border-color:#fff!important;color:#082F3D!important;}
body.dark-mode .home2-page-2026 .home2-extra-enquiry a i{color:#6ED3E6!important;}
body.dark-mode .home2-page-2026 .home2-extra-enquiry a:hover i{color:#082F3D!important;}
body.dark-mode .home2-page-2026 .home2-extra-features-2026{background:#071C24!important;}
body.dark-mode .home2-page-2026 .home2-extra-features-intro h2,body.dark-mode .home2-page-2026 .home2-extra-routine-content h2,body.dark-mode .home2-page-2026 .home2-extra-assessment-main h2{color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-features-intro h2 strong,body.dark-mode .home2-page-2026 .home2-extra-routine-content h2 strong,body.dark-mode .home2-page-2026 .home2-extra-assessment-main h2 strong{color:#6ED3E6!important;}
body.dark-mode .home2-page-2026 .home2-extra-features-intro p,body.dark-mode .home2-page-2026 .home2-extra-routine-content>p{color:#DCECEF!important;}
body.dark-mode .home2-page-2026 .home2-extra-feature-item{background:#102B34!important;}
body.dark-mode .home2-page-2026 .home2-extra-routine-2026{background:#102B34!important;}
body.dark-mode .home2-page-2026 .home2-extra-routine-points{border-color:rgba(255,255,255,.16)!important;}
body.dark-mode .home2-page-2026 .home2-extra-routine-points>div{border-color:rgba(255,255,255,.16)!important;}
body.dark-mode .home2-page-2026 .home2-extra-routine-points>div:hover{background:#173943!important;}
body.dark-mode .home2-page-2026 .home2-extra-routine-points>div>span{border-color:#345661!important;color:#6ED3E6!important;}
body.dark-mode .home2-page-2026 .home2-extra-routine-points strong{color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-routine-points small{color:#BFD5DA!important;}
body.dark-mode .home2-page-2026 .home2-extra-assessment-2026{background:#06171E!important;}
body.dark-mode .home2-page-2026 .home2-extra-assessment-main>p{color:#DCECEF!important;}
body.dark-mode .home2-page-2026 .home2-extra-assessment-side{background:#102B34!important;}
body.dark-mode .home2-page-2026 .home2-extra-assessment-details>div{border-color:rgba(255,255,255,.15)!important;}
body.dark-mode .home2-page-2026 .home2-extra-assessment-details strong{color:#fff!important;}
body.dark-mode .home2-page-2026 .home2-extra-assessment-details small{color:#BFD5DA!important;}
body.dark-mode .home2-page-2026 .home2-extra-standard-button{background:#6ED3E6!important;border-color:#6ED3E6!important;color:#082F3D!important;}
body.dark-mode .home2-page-2026 .home2-extra-standard-button i{color:#082F3D!important;}
body.dark-mode .home2-page-2026 .home2-extra-standard-button:hover{background:#fff!important;border-color:#fff!important;color:#082F3D!important;}

/* =========================================================
   HOME 2 - COMPLETE DARK MODE COVERAGE
   Keep every Home 2 section on the same readable palette.
========================================================= */
body.dark-mode.home2-page-2026,
body.dark-mode.home2-page-2026 .home2-hero-2026,
body.dark-mode.home2-page-2026 .home2-story-2026,
body.dark-mode.home2-page-2026 .home2-services-2026,
body.dark-mode.home2-page-2026 .home2-voices-2026,
body.dark-mode.home2-page-2026 .home2-extra-types-2026,
body.dark-mode.home2-page-2026 .home2-extra-process-2026,
body.dark-mode.home2-page-2026 .home2-extra-care-2026,
body.dark-mode.home2-page-2026 .home2-extra-projects-2026,
body.dark-mode.home2-page-2026 .home2-extra-benefits-2026,
body.dark-mode.home2-page-2026 .home2-extra-features-2026,
body.dark-mode.home2-page-2026 .home2-extra-routine-2026,
body.dark-mode.home2-page-2026 .home2-extra-assessment-2026 {
    background-color: #0B1D24 !important;
    color: #DCECEF;
}

body.dark-mode.home2-page-2026 .home2-metrics-2026,
body.dark-mode.home2-page-2026 .home2-experience-2026,
body.dark-mode.home2-page-2026 .home2-extra-assessment-2026 {
    background-color: #06171E !important;
}

body.dark-mode.home2-page-2026 .home2-service-grid article,
body.dark-mode.home2-page-2026 .home2-quote-main,
body.dark-mode.home2-page-2026 .home2-extra-types-layout,
body.dark-mode.home2-page-2026 .home2-extra-types-list,
body.dark-mode.home2-page-2026 .home2-extra-process-track article,
body.dark-mode.home2-page-2026 .home2-extra-routine-points,
body.dark-mode.home2-page-2026 .home2-extra-assessment-side {
    background-color: #102A33 !important;
}

body.dark-mode.home2-page-2026 h1,
body.dark-mode.home2-page-2026 h2,
body.dark-mode.home2-page-2026 h3,
body.dark-mode.home2-page-2026 h4,
body.dark-mode.home2-page-2026 strong,
body.dark-mode.home2-page-2026 .home2-btn-text,
body.dark-mode.home2-page-2026 .home2-service-grid h3,
body.dark-mode.home2-page-2026 .home2-extra-routine-points strong,
body.dark-mode.home2-page-2026 .home2-extra-assessment-details strong {
    color: #F2FAFC !important;
}

body.dark-mode.home2-page-2026 p,
body.dark-mode.home2-page-2026 small,
body.dark-mode.home2-page-2026 .home2-story-content>p,
body.dark-mode.home2-page-2026 .home2-services-head p,
body.dark-mode.home2-page-2026 .home2-extra-features-intro p,
body.dark-mode.home2-page-2026 .home2-extra-routine-content>p,
body.dark-mode.home2-page-2026 .home2-extra-assessment-main>p {
    color: #BFD5DA !important;
}

body.dark-mode.home2-page-2026 .home2-story-points,
body.dark-mode.home2-page-2026 .home2-story-points div,
body.dark-mode.home2-page-2026 .home2-extra-routine-points,
body.dark-mode.home2-page-2026 .home2-extra-routine-points>div,
body.dark-mode.home2-page-2026 .home2-extra-types-list article,
body.dark-mode.home2-page-2026 .home2-extra-care-list>div {
    border-color: rgba(220, 236, 239, .2) !important;
}

body.dark-mode.home2-page-2026 .home2-floating-note,
body.dark-mode.home2-page-2026 .home2-service-image span,
body.dark-mode.home2-page-2026 .home2-extra-types-list article:hover,
body.dark-mode.home2-page-2026 .home2-extra-routine-points>div:hover {
    background-color: #173943 !important;
}

body.dark-mode.home2-page-2026 .home2-outline-btn,
body.dark-mode.home2-page-2026 .home2-extra-process-button {
    border-color: #496871 !important;
    color: #EAF5F7 !important;
}

body.dark-mode.home2-page-2026 .home2-extra-standard-button,
body.dark-mode.home2-page-2026 .home2-extra-enquiry a,
body.dark-mode.home2-page-2026 .home2-final-2026>a {
    background-color: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #082F3D !important;
}

body.dark-mode.home2-page-2026 .home2-extra-standard-button i,
body.dark-mode.home2-page-2026 .home2-extra-enquiry a i,
body.dark-mode.home2-page-2026 .home2-final-2026>a i {
    color: inherit !important;
}

/* =========================================================
   HOME 2 - LIGHT / DARK BUTTON STATES
========================================================= */
.home2-page-2026 .home2-btn-primary,
.home2-page-2026 .home2-extra-standard-button,
.home2-page-2026 .home2-extra-enquiry a,
.home2-page-2026 .home2-final-2026>a {
    transition: background-color .25s ease, border-color .25s ease,
        color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.home2-page-2026 .home2-extra-standard-button {
    align-self: flex-start;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
}

.home2-page-2026 .home2-btn-primary {
    background-color: #08718A !important;
    border: 1px solid #08718A !important;
    color: #FFFFFF !important;
}

.home2-page-2026 .home2-btn-primary:hover,
.home2-page-2026 .home2-btn-primary:focus-visible {
    background-color: #063B4A !important;
    border-color: #063B4A !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.home2-page-2026 .home2-btn-primary i,
.home2-page-2026 .home2-btn-text i,
.home2-page-2026 .home2-outline-btn i,
.home2-page-2026 .home2-extra-process-button i {
    color: #08718A !important;
    transition: color .25s ease, transform .25s ease;
}

.home2-page-2026 .home2-btn-primary i {
    color: #FFFFFF !important;
}

.home2-page-2026 .home2-btn-text {
    color: #082F3D !important;
    transition: color .25s ease;
}

.home2-page-2026 .home2-btn-text:hover,
.home2-page-2026 .home2-btn-text:focus-visible {
    color: #08718A !important;
}

.home2-page-2026 .home2-outline-btn {
    background-color: transparent !important;
    border: 1px solid #9DB9C0 !important;
    color: #082F3D !important;
    transition: background-color .25s ease, border-color .25s ease,
        color .25s ease, transform .25s ease;
}

.home2-page-2026 .home2-outline-btn:hover,
.home2-page-2026 .home2-outline-btn:focus-visible {
    background-color: #08718A !important;
    border-color: #08718A !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.home2-page-2026 .home2-outline-btn:hover i,
.home2-page-2026 .home2-outline-btn:focus-visible i {
    color: #FFFFFF !important;
}

.home2-page-2026 .home2-extra-process-button {
    background-color: #F4FAFB !important;
    border: 1px solid #D8E6E9 !important;
    color: #082F3D !important;
}

.home2-page-2026 .home2-extra-process-button:hover,
.home2-page-2026 .home2-extra-process-button:focus-visible {
    background-color: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #082F3D !important;
    transform: translateY(-3px);
}

.home2-page-2026 .home2-extra-standard-button {
    background-color: #082F3D !important;
    border: 1px solid #082F3D !important;
    color: #FFFFFF !important;
}

.home2-page-2026 .home2-extra-standard-button i {
    color: #6ED3E6 !important;
}

.home2-page-2026 .home2-extra-standard-button:hover,
.home2-page-2026 .home2-extra-standard-button:focus-visible {
    background-color: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #082F3D !important;
    transform: translateY(-3px);
}

.home2-page-2026 .home2-extra-standard-button:hover i,
.home2-page-2026 .home2-extra-standard-button:focus-visible i {
    color: #082F3D !important;
}

.home2-page-2026 .home2-extra-enquiry a {
    background-color: #082F3D !important;
    border: 1px solid #082F3D !important;
    color: #FFFFFF !important;
}

.home2-page-2026 .home2-extra-enquiry a i {
    color: #6ED3E6 !important;
}

.home2-page-2026 .home2-extra-enquiry a:hover,
.home2-page-2026 .home2-extra-enquiry a:focus-visible {
    background-color: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #082F3D !important;
    transform: translateY(-3px);
}

.home2-page-2026 .home2-extra-enquiry a:hover i,
.home2-page-2026 .home2-extra-enquiry a:focus-visible i {
    color: #082F3D !important;
}

.home2-page-2026 .home2-final-2026>a {
    background-color: #082F3D !important;
    border: 1px solid #082F3D !important;
    color: #FFFFFF !important;
}

.home2-page-2026 .home2-final-2026>a:hover,
.home2-page-2026 .home2-final-2026>a:focus-visible {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #082F3D !important;
    transform: translateY(-2px);
}

/* Dark mode keeps all Home 2 controls high-contrast and consistent. */
body.dark-mode.home2-page-2026 .home2-btn-primary {
    background-color: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #082F3D !important;
}

body.dark-mode.home2-page-2026 .home2-btn-primary i {
    color: #082F3D !important;
}

body.dark-mode.home2-page-2026 .home2-btn-primary:hover,
body.dark-mode.home2-page-2026 .home2-btn-primary:focus-visible {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #082F3D !important;
}

body.dark-mode.home2-page-2026 .home2-btn-text {
    color: #EAF5F7 !important;
}

body.dark-mode.home2-page-2026 .home2-btn-text i,
body.dark-mode.home2-page-2026 .home2-outline-btn i,
body.dark-mode.home2-page-2026 .home2-extra-process-button i {
    color: #6ED3E6 !important;
}

body.dark-mode.home2-page-2026 .home2-btn-text:hover,
body.dark-mode.home2-page-2026 .home2-btn-text:focus-visible {
    color: #6ED3E6 !important;
}

body.dark-mode.home2-page-2026 .home2-outline-btn {
    background-color: transparent !important;
    border-color: #6ED3E6 !important;
    color: #EAF5F7 !important;
}

body.dark-mode.home2-page-2026 .home2-outline-btn:hover,
body.dark-mode.home2-page-2026 .home2-outline-btn:focus-visible {
    background-color: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #082F3D !important;
}

body.dark-mode.home2-page-2026 .home2-outline-btn:hover i,
body.dark-mode.home2-page-2026 .home2-outline-btn:focus-visible i {
    color: #082F3D !important;
}

body.dark-mode.home2-page-2026 .home2-extra-process-button {
    background-color: #102A33 !important;
    border-color: #496871 !important;
    color: #EAF5F7 !important;
}

body.dark-mode.home2-page-2026 .home2-extra-process-button:hover,
body.dark-mode.home2-page-2026 .home2-extra-process-button:focus-visible {
    background-color: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #082F3D !important;
}

/* Keep the enquiry panel text readable on its cyan dark-mode surface. */
body.dark-mode.home2-page-2026 .home2-extra-enquiry {
    background-color: #6ED3E6 !important;
}

body.dark-mode.home2-page-2026 .home2-extra-enquiry > span,
body.dark-mode.home2-page-2026 .home2-extra-enquiry h3,
body.dark-mode.home2-page-2026 .home2-extra-enquiry p,
body.dark-mode.home2-page-2026 .home2-extra-enquiry small {
    color: #082F3D !important;
}

body.dark-mode.home2-page-2026 .home2-extra-enquiry a {
    background-color: #082F3D !important;
    border-color: #082F3D !important;
    color: #FFFFFF !important;
}

body.dark-mode.home2-page-2026 .home2-extra-enquiry a i {
    color: #6ED3E6 !important;
}

/* Match the hover language used by the other pages. */
.home2-page-2026 .home2-btn-primary:hover i,
.home2-page-2026 .home2-btn-primary:focus-visible i,
.home2-page-2026 .home2-btn-text:hover i,
.home2-page-2026 .home2-btn-text:focus-visible i,
.home2-page-2026 .home2-outline-btn:hover i,
.home2-page-2026 .home2-outline-btn:focus-visible i,
.home2-page-2026 .home2-extra-process-button:hover i,
.home2-page-2026 .home2-extra-process-button:focus-visible i,
.home2-page-2026 .home2-extra-standard-button:hover i,
.home2-page-2026 .home2-extra-standard-button:focus-visible i,
.home2-page-2026 .home2-extra-enquiry a:hover i,
.home2-page-2026 .home2-extra-enquiry a:focus-visible i,
.home2-page-2026 .home2-final-2026>a:hover i,
.home2-page-2026 .home2-final-2026>a:focus-visible i {
    transform: translateX(5px);
}

.home2-page-2026 .home2-btn-primary:hover,
.home2-page-2026 .home2-btn-primary:focus-visible {
    background-color: #6ED3E6 !important;
    border-color: #6ED3E6 !important;
    color: #082F3D !important;
}

.home2-page-2026 .home2-btn-primary:hover i,
.home2-page-2026 .home2-btn-primary:focus-visible i {
    color: #082F3D !important;
}

.home2-page-2026 .home2-final-2026>a:hover,
.home2-page-2026 .home2-final-2026>a:focus-visible {
    background-color: #08718A !important;
    border-color: #08718A !important;
    color: #FFFFFF !important;
}

.home2-page-2026 .home2-final-2026>a:hover i,
.home2-page-2026 .home2-final-2026>a:focus-visible i {
    color: #6ED3E6 !important;
}

body.dark-mode.home2-page-2026 .home2-btn-primary:hover,
body.dark-mode.home2-page-2026 .home2-btn-primary:focus-visible,
body.dark-mode.home2-page-2026 .home2-extra-standard-button:hover,
body.dark-mode.home2-page-2026 .home2-extra-standard-button:focus-visible,
body.dark-mode.home2-page-2026 .home2-extra-enquiry a:hover,
body.dark-mode.home2-page-2026 .home2-extra-enquiry a:focus-visible {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #082F3D !important;
}

body.dark-mode.home2-page-2026 .home2-btn-primary:hover i,
body.dark-mode.home2-page-2026 .home2-btn-primary:focus-visible i,
body.dark-mode.home2-page-2026 .home2-extra-standard-button:hover i,
body.dark-mode.home2-page-2026 .home2-extra-standard-button:focus-visible i,
body.dark-mode.home2-page-2026 .home2-extra-enquiry a:hover i,
body.dark-mode.home2-page-2026 .home2-extra-enquiry a:focus-visible i {
    color: #082F3D !important;
}

body.dark-mode.home2-page-2026 .home2-final-2026>a:hover,
body.dark-mode.home2-page-2026 .home2-final-2026>a:focus-visible {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #082F3D !important;
}

body.dark-mode.home2-page-2026 .home2-final-2026>a:hover i,
body.dark-mode.home2-page-2026 .home2-final-2026>a:focus-visible i {
    color: #082F3D !important;
}