/**
 * Halo × Schedopia bridge.
 *
 * Colours, fonts, radius and button shape are set through Schedopia's own
 * appearance settings during setup. These rules only cover what those
 * settings can't: widths, borders and a few typographic details.
 *
 * `:is(#halo, .bk-embed)` matches by class but carries an ID's weight, so
 * it outranks Schedopia's per-instance `#schedopia-form-N` token rules.
 */

/* Use the full width the theme layout provides. */
.schedopia-container .schedopia-booking-form:is(#halo, .bk-embed) {
	--bk-card-max: 100%;
}

/* Cards: ink outlines like the rest of the theme. */
.schedopia-container :is(.schedopia-service-list, .schedopia-staff-list):is(#halo, .bk-embed) .svc-card {
	border: 2px solid var(--wp--preset--color--contrast);
	box-shadow: none;
}

/* Card titles in the display face. */
.schedopia-container :is(.schedopia-service-list, .schedopia-staff-list):is(#halo, .bk-embed) .svc-card h3 {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.375rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.schedopia-container :is(.schedopia-service-list, .schedopia-staff-list):is(#halo, .bk-embed) .svc-cat {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.schedopia-container .schedopia-service-list:is(#halo, .bk-embed) .svc-price b {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.5rem;
	font-weight: 800;
}

/* Booking form: display-face step headings to match the page. */
.schedopia-container .schedopia-booking-form:is(#halo, .bk-embed) :is(.bk-head h1, .bk-head h2, .bk-screen > h2) {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	letter-spacing: -0.03em;
}

.schedopia-container .schedopia-booking-form:is(#halo, .bk-embed) .bk-eyebrow {
	font-weight: 600;
	letter-spacing: 0.08em;
}

/* Price list: the category is already the section heading, and the photos
   live on the Hair and Nails pages, so the list stays text-only. */
.schedopia-container .schedopia-service-list[data-layout="list"]:is(#halo, .bk-embed) :is(.svc-cat, .svc-media) {
	display: none;
}