/* =========================================================
   DAMIAN PHILPOTT — GLOBAL FLAT SATIN GLASS V4
   ---------------------------------------------------------
   Desktop Steps 1–7.

   Takes the approved Step 1 "Satin Glass Flat Clean V3"
   treatment and makes it the global booking-glass standard.

   - flat translucent charcoal
   - 20px backdrop blur
   - soft inset edge light
   - faint header/footer separators
   - NO radial haze
   - NO diagonal sheen
   - NO texture bands

   Visual surface only. No geometry/booking logic changes.
   ========================================================= */

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

    /* Remove decorative pseudo haze globally. */
    html body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_container::before {
        content: none !important;
        display: none !important;
        background: none !important;
        background-image: none !important;
        opacity: 0 !important;
    }

    /* Main booking shell — approved flat satin glass. */
    html body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_container {
        background: rgba(11,11,11,.30) !important;
        background-color: rgba(11,11,11,.30) !important;
        background-image: none !important;

        border-color: rgba(255,255,255,.09) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.030),
            inset 0 -1px 0 rgba(255,255,255,.010),
            0 20px 52px rgba(0,0,0,.18) !important;

        -webkit-backdrop-filter: blur(20px) saturate(102%) brightness(94%) !important;
        backdrop-filter: blur(20px) saturate(102%) brightness(94%) !important;
    }

    /* Header */
    html body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_container_header {
        background: rgba(13,13,13,.07) !important;
        background-color: rgba(13,13,13,.07) !important;
        background-image: none !important;

        border-bottom: 1px solid rgba(255,255,255,.045) !important;

        box-shadow: none !important;
        filter: none !important;
    }

    /* Body */
    html body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_container_body {
        background: rgba(13,13,13,.015) !important;
        background-color: rgba(13,13,13,.015) !important;
        background-image: none !important;

        box-shadow: none !important;
        filter: none !important;
    }

    /* Footer — same glass family, keeping all global footer geometry. */
    html body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_container_footer {
        background: rgba(13,13,13,.075) !important;
        background-color: rgba(13,13,13,.075) !important;
        background-image: none !important;

        border-top: 1px solid rgba(255,255,255,.045) !important;

        box-shadow: none !important;
        filter: none !important;
    }

    /* Native Booknetic side-step panel if it appears in any flow. */
    html body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_steps {
        background: rgba(11,11,11,.30) !important;
        background-image: none !important;

        border-color: rgba(255,255,255,.09) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.025) !important;

        -webkit-backdrop-filter: blur(20px) saturate(102%) brightness(94%) !important;
        backdrop-filter: blur(20px) saturate(102%) brightness(94%) !important;
    }
}