/* =========================================================
   DAMIAN PHILPOTT — STEP 1 MOTION POLISH V1
   ---------------------------------------------------------
   Desktop-only finishing pass.

   Changes ONLY:
   - Nudges the stylist portrait upward slightly so the card
     composition feels better balanced.
   - Adds a subtle animated movement to the NEXT STEP arrow.

   Does NOT change:
   - shell size / shell height
   - glass system
   - Step 1 card size
   - mobile
   - booking logic
   ========================================================= */

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

    /* Step 1 — slightly lift the portrait within the approved card. */
    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"]
    ) [data-step-id="staff"] .booknetic_card_image {
        transform: translateY(-6px) !important;
        margin-bottom: 12px !important;
        transition: transform .22s 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"]
    ) [data-step-id="staff"] .booknetic_card:hover .booknetic_card_image,
    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"]
    ) [data-step-id="staff"] .booknetic_card.booknetic_card_selected .booknetic_card_image {
        transform: translateY(-8px) !important;
    }

    /* NEXT STEP arrow — subtle motion rather than a static icon. */
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_container_footer .booknetic_next_step_btn::after {
        content: "→" !important;
        display: inline-block !important;
        margin-left: 9px !important;
        line-height: 1 !important;
        transition: transform .20s ease, opacity .20s ease !important;
        will-change: transform !important;
    }

    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_container_footer .booknetic_next_step_btn:hover::after,
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_container_footer .booknetic_next_step_btn:focus-visible::after {
        transform: translateX(5px) !important;
    }

    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_container_footer .booknetic_next_step_btn:hover,
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8.booknetic_appointment
    .booknetic_appointment_container_footer .booknetic_next_step_btn:focus-visible {
        transform: translateY(-1px) !important;
    }
}