/* =========================================================
   DAMIAN PHILPOTT — GLOBAL BOOKING BACKGROUND + GLASS V1
   ---------------------------------------------------------
   VISUAL LAYER ONLY.
   - Keeps Booknetic's original/legacy layout and geometry.
   - No step-specific rules.
   - No width/height/grid/position/overflow overrides.
   - No injected markup or JavaScript.
   - Adds only the approved background artwork and restrained
     smoked-glass surfaces on desktop.
   ========================================================= */

@media screen and (min-width: 1001px) {

    /* PAGE / BOOKING ROW ARTWORK */
    body:has(#booknetic_theme_8) main.main-row,
    body:has(#booknetic_theme_8) .main-row {
        background-color: #000000 !important;
        background-image:
            linear-gradient(
                90deg,
                rgba(0,0,0,0.00) 0%,
                rgba(0,0,0,0.02) 26%,
                rgba(0,0,0,0.10) 44%,
                rgba(0,0,0,0.26) 63%,
                rgba(0,0,0,0.52) 82%,
                rgba(0,0,0,0.68) 100%
            ),
            url("../assets/step-1-black-bob-wide.webp") !important;
        background-repeat: no-repeat, no-repeat !important;
        background-position: center center, left center !important;
        background-size: 100% 100%, auto 100% !important;
    }

    /* Remove only opaque page-wrapper paint so the artwork can show.
       These rules do not affect dimensions or positioning. */
    body:has(#booknetic_theme_8) main.main-row > .container,
    body:has(#booknetic_theme_8) .main-row > .container,
    body:has(#booknetic_theme_8) .main-row article,
    body:has(#booknetic_theme_8) .main-row .site-content,
    body:has(#booknetic_theme_8) .main-row .post-content,
    body:has(#booknetic_theme_8) .main-row .wp-block-booknetic-booking {
        background-color: transparent !important;
        background-image: none !important;
    }

    /* BOOKNETIC ROOT — leave all native sizing/flow untouched. */
    body:has(#booknetic_theme_8) #booknetic_theme_8.booknetic_appointment {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    /* STANDARD BOOKNETIC SHELL — smoked glass only. */
    body:has(#booknetic_theme_8) #booknetic_theme_8 .booknetic_appointment_container {
        background-color: rgba(5,5,5,0.82) !important;
        background-image: none !important;
        border-color: rgba(255,255,255,0.10) !important;
        box-shadow: 0 24px 60px rgba(0,0,0,0.34) !important;
        -webkit-backdrop-filter: blur(8px) saturate(102%) !important;
        backdrop-filter: blur(8px) saturate(102%) !important;
    }

    /* Keep Booknetic's own header/body/footer dimensions and padding;
       only make their paint translucent. */
    body:has(#booknetic_theme_8) #booknetic_theme_8 .booknetic_appointment_container_header,
    body:has(#booknetic_theme_8) #booknetic_theme_8 .booknetic_appointment_container_body,
    body:has(#booknetic_theme_8) #booknetic_theme_8 .booknetic_appointment_container_footer {
        background-color: rgba(3,3,3,0.14) !important;
        background-image: none !important;
    }

    /* If Booknetic's original steps/sidebar is visible on any flow,
       give it the same restrained smoke without moving it. */
    body:has(#booknetic_theme_8) #booknetic_theme_8 .booknetic_appointment_steps {
        background-color: rgba(5,5,5,0.78) !important;
        background-image: none !important;
        border-color: rgba(255,255,255,0.08) !important;
        -webkit-backdrop-filter: blur(8px) saturate(102%) !important;
        backdrop-filter: blur(8px) saturate(102%) !important;
    }

    /* Neutral separators; gold remains an accent supplied by the
       existing Damian Philpott Booknetic stylesheet. */
    body:has(#booknetic_theme_8) #booknetic_theme_8 .booknetic_appointment_container_header,
    body:has(#booknetic_theme_8) #booknetic_theme_8 .booknetic_appointment_container_footer {
        border-color: rgba(255,255,255,0.09) !important;
    }
}
