/**
 * Velour × 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 and a few typographic details.
 *
 * `:is(#velour, .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(#velour, .bk-embed) {
	--bk-card-max: 100%;
}

/* Service cards: serif titles, uppercase category labels. */
.schedopia-container .schedopia-service-list:is(#velour, .bk-embed) .svc-card h3 {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.15;
}

.schedopia-container .schedopia-service-list:is(#velour, .bk-embed) .svc-cat {
	font-family: var(--wp--preset--font-family--body);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}

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

/* Booking form: serif step headings to match the page. */
.schedopia-container .schedopia-booking-form:is(#velour, .bk-embed) :is(.bk-head h1, .bk-head h2, .bk-screen > h2) {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 500;
}

.schedopia-container .schedopia-booking-form:is(#velour, .bk-embed) .bk-eyebrow {
	letter-spacing: 0.2em;
	color: var(--wp--preset--color--accent);
}

/* Price list: the category is already the section heading. */
.schedopia-container .schedopia-service-list[data-layout="list"]:is(#velour, .bk-embed) .svc-cat {
	display: none;
}