/* =========================================================
   DAMIAN PHILPOTT — STEP 1 BIGGER STYLIST CARD V1
   ---------------------------------------------------------
   DESKTOP STEP-1 ONLY.

   Purpose:
   - Increase the approved square stylist card from 220x220 to 280x280.
   - Scale the portrait and typography to match.
   - Keep the shell size, footer position, background treatment,
     and booking logic unchanged.
   ========================================================= */

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

    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_container {
        justify-content: center !important;
        align-items: flex-start !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 {
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
        aspect-ratio: 1 / 1 !important;
        padding: 20px 20px 18px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        overflow: hidden !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_image {
        width: 92px !important;
        height: 92px !important;
        min-width: 92px !important;
        min-height: 92px !important;
        flex: 0 0 92px !important;
        margin: 0 auto 14px !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_image img,
    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"] img.booknetic_card_staff_image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 50% !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_title {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 0 !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_title_first {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 5px !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_staff_profession {
        margin-top: 3px !important;
        margin-bottom: 10px !important;
        font-size: 11.5px !important;
        line-height: 15px !important;
        letter-spacing: 0.08em !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_staff_profession::after {
        margin-top: 8px !important;
        line-height: 0 !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_description {
        width: 100% !important;
        text-align: center !important;
        padding: 0 !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_description > div:not(.booknetic_staff_profession) {
        font-size: 11.5px !important;
        line-height: 17px !important;
        max-width: 220px !important;
        margin: 0 auto !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.booknetic_card_selected::after {
        top: 10px !important;
        right: 10px !important;
    }
}