/* Boer Hans Reserveringen - front-end styling */

.bh-res-widget {
	max-width: 480px;
	margin: 1.5em 0;
	font-size: 1rem;
	line-height: 1.5;
}

.bh-res-widget .bh-res-label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.5em;
}

.bh-res-widget .bh-res-step {
	margin-bottom: 1.5em;
}

.bh-res-widget .bh-res-input-datum {
	width: 100%;
	padding: 0.6em 0.8em;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1rem;
	background: #fff;
	cursor: pointer;
}

.bh-res-widget .bh-res-tijdsloten {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}

.bh-res-widget .bh-res-tijdslot-optie {
	padding: 0.5em 0.9em;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
	font-size: 0.95rem;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.bh-res-widget .bh-res-tijdslot-optie:hover:not(.bh-res-vol) {
	border-color: #2c7a2c;
}

.bh-res-widget .bh-res-tijdslot-optie.bh-res-actief {
	background: #2c7a2c;
	border-color: #2c7a2c;
	color: #fff;
}

.bh-res-widget .bh-res-tijdslot-optie.bh-res-vol {
	opacity: 0.5;
	cursor: not-allowed;
	text-decoration: line-through;
}

.bh-res-widget .bh-res-field {
	margin-bottom: 1em;
}

.bh-res-widget .bh-res-field label {
	display: block;
	margin-bottom: 0.3em;
	font-weight: 500;
}

.bh-res-widget .bh-res-field input[type="text"],
.bh-res-widget .bh-res-field input[type="email"],
.bh-res-widget .bh-res-field input[type="tel"],
.bh-res-widget .bh-res-field input[type="number"],
.bh-res-widget .bh-res-field textarea {
	width: 100%;
	padding: 0.55em 0.7em;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1rem;
	box-sizing: border-box;
}

.bh-res-widget .bh-res-verplicht {
	color: #b32d2e;
}

.bh-res-widget .bh-res-plaatsen-vrij {
	display: inline-block;
	margin-top: 0.3em;
	font-size: 0.85rem;
	color: #555;
}

.bh-res-widget .bh-res-submit {
	background: #2c7a2c;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 0.7em 1.4em;
	font-size: 1rem;
	cursor: pointer;
}

.bh-res-widget .bh-res-submit:hover {
	background: #23632a;
}

.bh-res-widget .bh-res-submit:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.bh-res-widget .bh-res-melding {
	background: #fdeaea;
	border: 1px solid #e0a0a0;
	color: #7a1f1f;
	padding: 0.6em 0.9em;
	border-radius: 4px;
}

.bh-res-widget .bh-res-bevestiging {
	background: #eaf7ea;
	border: 1px solid #a0d6a0;
	color: #1f5c1f;
	padding: 1em;
	border-radius: 4px;
}

.bh-res-widget .bh-res-geen-data {
	font-style: italic;
	color: #666;
}

/* Flatpickr dagen zonder beschikbare tijdsloten worden uitgegrijsd via de disable-optie van flatpickr zelf. */