/* =========================================================
   DAMIAN PHILPOTT — STEP 1 SQUARE STAFF CARD FIX V1
   ---------------------------------------------------------
   DESKTOP STEP-1 CONTENT ONLY.

   Purpose:
   - Make the Damian stylist card genuinely square again.
   - Keep the card within the existing Step 1 body.
   - Keep Booknetic's native footer, warning and button flow.
   - Preserve the current global glass/background treatment.

   Does NOT change shell width/height, footer geometry,
   page/background sizing, Steps 2–7, mobile, or JS.
   ========================================================= */

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

    /* STEP 1 ONLY — centre the single stylist card without
       changing the dimensions of the surrounding Booknetic shell. */
    #booknetic_theme_8: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;
    }

    /* Genuine square stylist card. */
    #booknetic_theme_8:has(
        .booknetic_appointment_step_element.booknetic_active_step[data-step-id="staff"]
    ) [data-step-id="staff"] .booknetic_card {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
        aspect-ratio: 1 / 1 !important;
        padding: 14px 14px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Keep the original portrait/profile feel but make sure all
       copy remains comfortably inside the fixed square. */
    #booknetic_theme_8:has(
        .booknetic_appointment_step_element.booknetic_active_step[data-step-id="staff"]
    ) [data-step-id="staff"] .booknetic_card_image {
        width: 62px !important;
        height: 62px !important;
        margin: 0 auto 9px !important;
        flex: 0 0 auto !important;
    }

    #booknetic_theme_8:has(
        .booknetic_appointment_step_element.booknetic_active_step[data-step-id="staff"]
    ) [data-step-id="staff"] .booknetic_card_title_first {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    #booknetic_theme_8:has(
        .booknetic_appointment_step_element.booknetic_active_step[data-step-id="staff"]
    ) [data-step-id="staff"] .booknetic_staff_profession {
        margin-top: 2px !important;
        margin-bottom: 6px !important;
        font-size: 10px !important;
        line-height: 14px !important;
        letter-spacing: 0.06em !important;
    }

    #booknetic_theme_8: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: 10px !important;
        line-height: 15px !important;
    }
}