/* =========================================================
   DAMIAN PHILPOTT — STEP 1 MINIMAL BUTTON V8
   ---------------------------------------------------------
   Desktop Step 1 only.

   Simplifies the overworked soft-inset treatment.

   Direction:
   - very dark charcoal
   - one thin grey border
   - almost flat / minimal depth
   - lighter typography
   - yellow hover
   - yellow selected state
   - moving arrow retained

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

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

    /* BASE */
    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 {
        background-image: none !important;
        border-radius: 3px !important;

        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-weight: 350 !important;
        font-variation-settings: "wght" 350 !important;
        letter-spacing: .065em !important;
        text-shadow: none !important;

        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;

        transition:
            background-color .18s ease,
            border-color .18s ease,
            color .18s ease,
            box-shadow .18s ease !important;
    }

    /* DEFAULT — quiet charcoal, matching the site's restrained cards */
    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: rgba(15,15,15,.92) !important;
        border: 1px solid rgba(255,255,255,.20) !important;
        color: rgba(255,255,255,.86) !important;
        box-shadow: none !important;
    }

    /* HOVER / FOCUS — clean 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
    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 {
        background: #FFD700 !important;
        border-color: #FFD700 !important;
        color: #080808 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    /* SELECTED / READY — stays 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"]
    ):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) {
        background: #FFD700 !important;
        border-color: #FFD700 !important;
        color: #080808 !important;
        box-shadow: none !important;
    }

    /* ACTIVE — only a tiny tactile response */
    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:active {
        transform: translateY(1px) !important;
        box-shadow: none !important;
    }

    /* ARROW — retain approved movement */
    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::after {
        color: currentColor !important;
        transition: transform .18s ease !important;
    }

    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::after,
    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::after {
        transform: translateX(5px) !important;
    }
}