/* ========================================================= DAMIAN PHILPOTT — STEP 1 EDITORIAL CARD REFINEMENT V1 --------------------------------------------------------- Desktop Step 1 only. Purpose: - Keep the shell/layout intact. - Restore a more premium 280x280 stylist card. - Improve hierarchy, spacing and readability. - Replace the longer biography with a tighter editorial line. - Style an always-visible View profile link. ========================================================= */ @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: 22px 22px 20px !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: 96px !important; height: 96px !important; min-width: 96px !important; min-height: 96px !important; flex: 0 0 96px !important; margin: 0 auto 16px !important; border-radius: 50% !important; overflow: hidden !important; border: 1px solid rgba(255,255,255,.16) !important; box-shadow: 0 0 0 4px rgba(255,255,255,.025), inset 0 1px 0 rgba(255,255,255,.04) !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; display: block !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: 0 0 2px !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 { color: #FFD700 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 22px !important; letter-spacing: -0.02em !important; margin: 0 !important; text-align: center !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; margin: 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_staff_profession { display: block !important; width: 100% !important; margin: 8px 0 0 !important; color: rgba(245,245,245,.94) !important; font-size: 11px !important; font-weight: 700 !important; line-height: 15px !important; letter-spacing: .16em !important; text-align: center !important; text-transform: uppercase !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 { content: "38+ years creating considered, personalised hair with technical precision and an editorial eye." !important; display: block !important; max-width: 214px !important; margin: 12px auto 0 !important; color: rgba(215,215,215,.88) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 18px !important; letter-spacing: 0 !important; text-align: center !important; text-transform: none !important; white-space: normal !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) { display: none !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"] .dp-staff-profile-link { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 14px auto 0 !important; color: rgba(255,255,255,.94) !important; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; letter-spacing: .01em !important; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,.45) !important; padding-bottom: 2px !important; transition: color .18s ease, border-color .18s ease, 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"] ) [data-step-id="staff"] .dp-staff-profile-link:hover { color: #FFD700 !important; border-color: rgba(255,215,0,.85) !important; transform: translateY(-1px) !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"] .dp-staff-profile-link::after { content: "→"; display: inline-block; font-size: 13px; line-height: 1; } }