/* =========================================================
   DAMIAN PHILPOTT — STEP 1 GLASS BUTTON STATES V2
   ---------------------------------------------------------
   Desktop Step 1 only.

   Refinement over v1.0.103:
   - default button now uses the site's darker charcoal-grey family
   - button has a restrained smoked-glass treatment
   - hover remains Damian yellow
   - selected / ready state remains refined gold
   - existing arrow movement is preserved

   No shell, card, portrait, footer-position or booking-logic changes.
   ========================================================= */

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

    /* DEFAULT — site charcoal grey, translucent rather than flat. */
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment:has(
        .booknetic_appointment_step_element.booknetic_active_step[data-step-id="staff"]
    ):not(:has([data-step-id="staff"] .booknetic_card.booknetic_card_selected))
    .booknetic_appointment_container_footer .booknetic_next_step_btn {
        background: rgba(71, 71, 69, .58) !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        color: rgba(255,255,255,.92) !important;

        -webkit-backdrop-filter: blur(12px) saturate(108%) !important;
        backdrop-filter: blur(12px) saturate(108%) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.12),
            inset 0 -1px 0 rgba(0,0,0,.20),
            0 7px 18px rgba(0,0,0,.16) !important;
    }

    /* ROLLOVER / KEYBOARD FOCUS — Damian yellow. */
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment:has(
        .booknetic_appointment_step_element.booknetic_active_step[data-step-id="staff"]
    ) .booknetic_appointment_container_footer .booknetic_next_step_btn:hover,
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment:has(
        .booknetic_appointment_step_element.booknetic_active_step[data-step-id="staff"]
    ) .booknetic_appointment_container_footer .booknetic_next_step_btn:focus-visible {
        background: rgba(255,215,0,.94) !important;
        border-color: rgba(255,215,0,.96) !important;
        color: #080808 !important;

        -webkit-backdrop-filter: blur(12px) saturate(112%) !important;
        backdrop-filter: blur(12px) saturate(112%) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.32),
            0 8px 22px rgba(255,215,0,.14) !important;
    }

    /* READY / STYLIST SELECTED — muted gold glass. */
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment:has(
        .booknetic_appointment_step_element.booknetic_active_step[data-step-id="staff"]
    ):has([data-step-id="staff"] .booknetic_card.booknetic_card_selected)
    .booknetic_appointment_container_footer .booknetic_next_step_btn:not(:hover):not(:focus-visible) {
        background: rgba(201,169,75,.78) !important;
        border: 1px solid rgba(218,187,91,.82) !important;
        color: #080808 !important;

        -webkit-backdrop-filter: blur(12px) saturate(108%) !important;
        backdrop-filter: blur(12px) saturate(108%) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.24),
            inset 0 -1px 0 rgba(87,68,16,.20),
            0 7px 18px rgba(0,0,0,.14) !important;
    }

    /* PRESSED — slightly deeper gold. */
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment:has(
        .booknetic_appointment_step_element.booknetic_active_step[data-step-id="staff"]
    ) .booknetic_appointment_container_footer .booknetic_next_step_btn:active {
        background: rgba(184,150,63,.88) !important;
        border-color: rgba(201,169,75,.90) !important;
        color: #080808 !important;
    }

    /* Keep arrow tied to current text colour. */
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment:has(
        .booknetic_appointment_step_element.booknetic_active_step[data-step-id="staff"]
    ) .booknetic_appointment_container_footer .booknetic_next_step_btn::after {
        color: currentColor !important;
    }
}