/* =========================================================
   DAMIAN PHILPOTT — STEP 1 NEXT BUTTON STATES V1
   ---------------------------------------------------------
   Desktop Step 1 only.

   States:
   - default / no stylist selected: refined grey
   - hover / focus: bright Damian yellow
   - stylist selected: muted luxury gold
   - selected + hover: bright Damian yellow

   The existing arrow movement is preserved.
   No layout, footer, card, portrait, glass or booking logic changes.
   ========================================================= */

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

    /* DEFAULT — calm grey until the user has selected a stylist. */
    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: #686868 !important;
        border-color: #777777 !important;
        color: #F5F5F5 !important;
        box-shadow: none !important;
    }

    /* ROLLOVER / KEYBOARD FOCUS — bright 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: #FFD700 !important;
        border-color: #FFD700 !important;
        color: #050505 !important;
        box-shadow: 0 0 18px rgba(255,215,0,.14) !important;
    }

    /* ACTIVE / READY — selected stylist gives the button a quieter gold state. */
    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: #C9A94B !important;
        border-color: #C9A94B !important;
        color: #050505 !important;
        box-shadow: 0 0 0 1px rgba(201,169,75,.08) inset !important;
    }

    /* Pressed state — slightly deeper gold, still restrained. */
    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: #B8963F !important;
        border-color: #B8963F !important;
        color: #050505 !important;
    }

    /* Arrow follows the text colour in every state. */
    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;
    }
}