/* Pools & Spas page palette scope (page-id 15)
   Swaps green brand accents to modernxpools blue palette on this page only. */

body.page-id-15 {
    --mx-color-brand-leaf: #4db8e8;
    --mx-color-brand-deep: #3da3d3;
    --mx-color-bg: #DFF3FF;
}

/* KILL pink global button styles on this page — every button in our widgets */
body.page-id-15 button,
body.page-id-15 .mx-plup__tab,
body.page-id-15 .mx-plup__arrow,
body.page-id-15 .mx-pwave__arrow,
body.page-id-15 .mx-dcol__arrow,
body.page-id-15 .mx-drail__arrow,
body.page-id-15 .mx-dtier__arrow,
body.page-id-15 [class*="__arrow"] {
    background-color: transparent !important;
    background-image: none !important;
}
body.page-id-15 .mx-plup__tab.is-active {
    background-color: #4db8e8 !important;
}

/* Page hero */
body.page-id-15 .mx-page-hero { background-color: #061522; }
body.page-id-15 .mx-page-hero__overlay {
    background:
        linear-gradient(180deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0.12) 30%, rgba(0,0,0,0.12) 70%, rgba(0,0,0,0.32) 100%),
        linear-gradient(90deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.12) 50%, rgba(0,0,0,0.22) 100%);
}

/* Band sections — adjust CTA to pool-blue */
body.page-id-15 .mx-dband__cta,
body.page-id-15 .mx-dband__cta:link,
body.page-id-15 .mx-dband__cta:visited {
    background: #4db8e8 !important;
}
body.page-id-15 .mx-dband__cta:hover {
    background: #3da3d3 !important;
    transform: translateY(-1px);
}

/* Final CTA */
body.page-id-15 .mx-fcta { min-height: 720px !important; }
body.page-id-15 .mx-fcta__overlay {
    background:
        linear-gradient(90deg,
            rgba(0,0,0,0.40) 0%,
            rgba(0,0,0,0.28) 25%,
            rgba(0,0,0,0.12) 55%,
            rgba(0,0,0,0) 80%) !important;
}
body.page-id-15 .mx-fcta__cta,
body.page-id-15 .mx-fcta__cta:link,
body.page-id-15 .mx-fcta__cta:visited { background: #4db8e8 !important; }
body.page-id-15 .mx-fcta__cta:hover { background: #3da3d3 !important; }

/* Story pillars panels — green → modernxpools blue */
body.page-id-15 .mx-story-pillars__panel { background: #0D3A6F !important; }
body.page-id-15 .mx-story-pillars__panel--design { background: #1565B4 !important; }

/* Story pillars heading + intro — green → navy text */
body.page-id-15 .mx-story-pillars__heading { color: #2F394A !important; }
body.page-id-15 .mx-story-pillars__intro { color: #2F394A !important; opacity: 0.78; }

/* Pools wave + lineup headings, dark text replacements */
body.page-id-15 .mx-pwave__heading,
body.page-id-15 .mx-plup__heading { color: #2F394A !important; }
body.page-id-15 .mx-pwave__sub,
body.page-id-15 .mx-plup__sub { color: rgba(47, 57, 74, 0.7) !important; }

/* Wave card titles + lineup name dark text */
body.page-id-15 .mx-plup__name { color: #2F394A !important; }
body.page-id-15 .mx-plup__desc { color: rgba(47, 57, 74, 0.75) !important; }

/* FAQ heading + question colors */
body.page-id-15 .mx-dfaq__heading { color: #2F394A !important; }
body.page-id-15 .mx-dfaq__q { color: #2F394A !important; }

/* Tabs idle text */
body.page-id-15 .mx-plup__tab:not(.is-active),
body.page-id-15 .mx-plup__tab:not(.is-active):hover { color: #2F394A !important; }

/* Tabs active state — solid blue must keep white text */
body.page-id-15 .mx-plup__tab.is-active,
body.page-id-15 .mx-plup__tab.is-active:hover,
body.page-id-15 .mx-plup__tab.is-active:focus,
body.page-id-15 .mx-plup__tab.is-active:active {
    background: #4db8e8 !important;
    border-color: #4db8e8 !important;
    color: #fff !important;
}

/* FAQ section bg matches Related Reading on resources */
body.page-id-15 .mx-dfaq { background: #EBF4DC !important; }

/* Band shade tuned for video readability on pools page */
body.page-id-15 .mx-dband__shade {
    background:
        linear-gradient(180deg, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.20) 30%, rgba(0,0,0,0.20) 70%, rgba(0,0,0,0.42) 100%),
        linear-gradient(90deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0.20) 50%, rgba(0,0,0,0.32) 100%);
}