/**
 * The vehicle and job questions on the service-bay booking form.
 *
 * Uses the theme's own tokens with fallbacks so it follows the warm-minimal
 * palette without depending on the theme being loaded.
 *
 * NOTHING HERE MAY HIDE THESE FIELDS. A browser will not run constraint
 * validation on a control it cannot focus: `display: none` on a required field
 * makes the form silently refuse to submit, with only a console message. Scope
 * the fields in PHP by not rendering them.
 */

.vbd-booking-details {
	margin: 1.5em 0;
}

.vbd-booking-details .vbd-intro {
	margin: 0 0 0.75em;
	color: var( --ink-60, rgba( 23, 23, 23, 0.6 ) );
}

.vbd-booking-details .vbd-field {
	margin: 0 0 1em;
}

.vbd-booking-details label {
	display: block;
	margin-bottom: 0.35em;
	font-weight: 600;
}

.vbd-booking-details .required {
	border: 0;
	color: var( --accent, #ff5c00 );
	text-decoration: none;
}

.vbd-booking-details input[type="text"],
.vbd-booking-details textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0.65em 0.75em;
	border: 1px solid var( --ink-12, rgba( 23, 23, 23, 0.12 ) );
	border-radius: var( --radius, 4px );
	background: #fff;
	color: var( --ink, #171717 );
	font: inherit;
	box-sizing: border-box;
}

.vbd-booking-details textarea {
	resize: vertical;
	min-height: 5em;
}

.vbd-booking-details input[type="text"]:focus,
.vbd-booking-details textarea:focus {
	outline: 2px solid var( --accent, #ff5c00 );
	outline-offset: 1px;
}