/* Booking widget for the new Hotellinx engine: only what the old widget's
   styles in main.css (.ed-booking-widget) don't already cover. */
.hlx-booking-widget .hlx-ages {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px 20px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.28);
}
.hlx-booking-widget .hlx-ages[hidden],
.hlx-booking-widget .hlx-error[hidden] { display: none; }
.hlx-booking-widget .hlx-age {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	margin: 0;
}
.hlx-booking-widget .hlx-age span { margin: 0 !important; font-size: 14px; }
.hlx-booking-widget .hlx-age-select {
	min-width: 130px;
	padding: 8px 10px;
	border: 2px solid rgba(255, 255, 255, 0.28);
	border-radius: 0;
	background: transparent;
	color: #ffc941;
	font-size: 16px;
	cursor: pointer;
}
.hlx-booking-widget .hlx-age-select option { color: #000; }
.hlx-booking-widget .hlx-age-select.is-missing { border-color: #ffc941; }
.hlx-booking-widget .hlx-error {
	flex-basis: 100%;
	margin: 12px 0 0;
	text-align: center;
	color: #ffc941;
	font-weight: 600;
}