/* =========================================================
   DAMIAN PHILPOTT — STEP 1 TYPE BALANCE V1
   ---------------------------------------------------------
   Hub update based on v1.0.99.

   Changes only:
   - SELECT STAFF lighter
   - role line lighter + more breathing room
   - biography slightly larger / easier to read

   Book an appointment stays exactly as v1.0.99.
   ========================================================= */

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

    /* SELECT STAFF — lighter without becoming as thin as the page title */
    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_header_text {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-weight: 350 !important;
        font-variation-settings: "wght" 350 !important;
        letter-spacing: .035em !important;
        -webkit-font-smoothing: antialiased !important;
        text-rendering: geometricPrecision !important;
    }

    /* Role line — lighter and with more separation from the biography */
    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 {
        font-weight: 500 !important;
        font-variation-settings: "wght" 500 !important;
        font-size: 11px !important;
        line-height: 15px !important;
        letter-spacing: .135em !important;
        margin-top: 8px !important;
        margin-bottom: 0 !important;
        color: rgba(245,245,245,.90) !important;
    }

    /* Biography — slightly larger, lighter and easier to scan */
    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: 14px !important;
        max-width: 220px !important;
        font-size: 13px !important;
        font-weight: 300 !important;
        font-variation-settings: "wght" 300 !important;
        line-height: 19px !important;
        letter-spacing: 0 !important;
        color: rgba(225,225,225,.82) !important;
    }
}
