/* =========================================================
   WooManager — Inner Pages Canvas
   Contact: 161 | Pricing: 1432 | Privacy: 3
   Terms: 1484 | About: 1508 | Features: 1594
   WPCode: Site Wide Header / Load as File / Priority 30
   Conditional Logic: Only these six pages; include Features in WPCode conditions
   ========================================================= */

/* Shared background */

body:is(
    .page-id-161,
    .page-id-1432,
    .page-id-3,
    .page-id-1484,
    .page-id-1508,
    .page-id-1594
)
.website-wrapper {
    background:
        radial-gradient(
            ellipse 70% 36% at 88% 8%,
            rgba(124, 22, 232, 0.09),
            transparent 76%
        ),
        radial-gradient(
            ellipse 65% 34% at 10% 55%,
            rgba(104, 91, 220, 0.055),
            transparent 77%
        ),
        radial-gradient(
            ellipse 62% 28% at 85% 87%,
            rgba(72, 157, 235, 0.035),
            transparent 78%
        ),
        linear-gradient(
            180deg,
            #fdfcfe,
            #f7f5fa 52%,
            #fcfbfd
        ) !important;
}

/* Transparent content and footer wrappers */

body:is(
    .page-id-161,
    .page-id-1432,
    .page-id-3,
    .page-id-1484,
    .page-id-1508,
    .page-id-1594
)
:is(
    .main-page-wrapper,
    #main-content,
    .site-content,
    .footer-container,
    .main-footer,
    .wm-footer-v1
) {
    background: transparent !important;
}

/* About sections: reveal the shared background */

body.page-id-1508 .wm-about {
    background: transparent !important;
}

/* Continue background beneath the normal header */

body:is(
    .page-id-161,
    .page-id-1432,
    .page-id-3,
    .page-id-1484,
    .page-id-1508,
    .page-id-1594
)
.whb-header_246188:not(.whb-sticked),

body:is(
    .page-id-161,
    .page-id-1432,
    .page-id-3,
    .page-id-1484,
    .page-id-1508,
    .page-id-1594
)
.whb-header_246188:not(.whb-sticked) .whb-main-header {
    background: transparent !important;
}

body:is(
    .page-id-161,
    .page-id-1432,
    .page-id-3,
    .page-id-1484,
    .page-id-1508,
    .page-id-1594
)
.whb-header_246188:not(.whb-sticked)
:is(.whb-general-header, .whb-header-bottom) {
    background: rgba(255, 255, 255, 0.10) !important;
    box-shadow: none !important;
}

/* Consistent content starting point */

body:is(
    .page-id-161,
    .page-id-1432,
    .page-id-3,
    .page-id-1484,
    .page-id-1508,
    .page-id-1594
)
.main-page-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Existing inner pages */

body:is(
    .page-id-161,
    .page-id-1432,
    .page-id-3,
    .page-id-1484
)
#main-content {
    padding-top: 32px !important;
}

body:is(
    .page-id-161,
    .page-id-1432,
    .page-id-3,
    .page-id-1484
)
#main-content :is(
    .wm-contact,
    .wm-pricing-page,
    .wm-privacy,
    .wm-terms
) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* About: hero handles its own top spacing */

body.page-id-1508 .website-wrapper #main-content {
    padding-top: 0 !important;
}

/* Remove Woodmart's outer content spacing on About */

body.page-id-1508 .main-page-wrapper .wd-content-layout {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Features: sections handle their own spacing; remove Woodmart's 40px padding */

body.page-id-1594 .main-page-wrapper #main-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Mobile */

@media (max-width: 767px) {

    body:is(
        .page-id-161,
        .page-id-1432,
        .page-id-3,
        .page-id-1484,
        .page-id-1508,
        .page-id-1594
    )
    .website-wrapper {
        background:
            radial-gradient(
                ellipse 100% 28% at 100% 8%,
                rgba(124, 22, 232, 0.06),
                transparent 78%
            ),
            radial-gradient(
                ellipse 95% 26% at 0% 68%,
                rgba(104, 91, 220, 0.035),
                transparent 78%
            ),
            linear-gradient(
                180deg,
                #fdfcfe,
                #f8f7fa 52%,
                #fcfbfd
            ) !important;
    }

    body:is(
        .page-id-161,
        .page-id-1432,
        .page-id-3,
        .page-id-1484
    )
    #main-content {
        padding-top: 24px !important;
    }
}