/* =========================================================
   DAMIAN PHILPOTT — STEP 1 DARKER GLASS BUTTON + LIGHTER TYPE V4
   ---------------------------------------------------------
   Desktop Step 1 only.

   Changes only the NEXT STEP button:
   - darker charcoal glass in the default state
   - lighter button typography
   - preserves yellow hover, gold selected state and arrow motion
   ========================================================= */

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

    /* Base button typography — lighter / more refined */
    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
    button.booknetic_btn_primary.booknetic_next_step.booknetic_next_step_btn {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-weight: 400 !important;
        font-variation-settings: "wght" 400 !important;
        letter-spacing: .065em !important;
        -webkit-font-smoothing: antialiased !important;
        text-rendering: geometricPrecision !important;
    }

    /* Default — deeper charcoal glass to match the site */
    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
    button.booknetic_btn_primary.booknetic_next_step.booknetic_next_step_btn {
        background-color: rgba(24,24,24,.78) !important;
        background-image: linear-gradient(
            180deg,
            rgba(255,255,255,.075) 0%,
            rgba(255,255,255,.025) 38%,
            rgba(0,0,0,.10) 100%
        ) !important;
        border-color: rgba(255,255,255,.14) !important;
        color: rgba(255,255,255,.86) !important;

        -webkit-backdrop-filter: blur(14px) saturate(105%) !important;
        backdrop-filter: blur(14px) saturate(105%) !important;

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

    /* Selected / ready — keep gold, but retain lighter text weight */
    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
    button.booknetic_btn_primary.booknetic_next_step.booknetic_next_step_btn:not(:hover):not(:focus-visible) {
        font-weight: 400 !important;
        font-variation-settings: "wght" 400 !important;
    }

    /* Hover/focus — same lighter typography on 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
    button.booknetic_btn_primary.booknetic_next_step.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
    button.booknetic_btn_primary.booknetic_next_step.booknetic_next_step_btn:focus-visible {
        font-weight: 400 !important;
        font-variation-settings: "wght" 400 !important;
    }
}