/**
 * WD local change - this entire file is local, not vendor code.
 *
 * Layout only. All appearance - typography, borders, colours, spacing of
 * labels and fields - is owned by the theme integration at
 * wd-starter/inc/integrations/advanced-booking-calendar.php, so the hall and
 * rooms forms stay identical. This file is enqueued under its own handle and
 * therefore loads AFTER that inline CSS, so any appearance rule left here
 * would silently win and the two forms would drift apart.
 *
 * Styling for [abc-hall]. Kept deliberately close to the room booking form:
 * two date fields side by side, then the contact fields. The only bespoke
 * piece is the summary strip that prices the selection.
 */

.abc-hall { margin: 0 0 24px; }

.abc-hall-dates {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.abc-hall-date { flex: 1 1 200px; min-width: 180px; }
/* label/field appearance is owned by the theme integration - see header */
.abc-hall-date input { cursor: pointer; }

.abc-hall-hint { font-size: 13px; color: #666; margin: 8px 0 0; }

/* Days already taken, greyed out inside the datepicker. */
.abc-hall-busy-day .ui-state-default {
	background: #ffe3d6;
	color: #b0b0b0;
	text-decoration: line-through;
	cursor: not-allowed;
}

.abc-hall-summary {
	margin: 16px 0;
	padding: 12px 14px;
	background: #f7f7f5;
	border-left: 3px solid #2a4d3a;
}
.abc-hall-summary-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: baseline;
}
.abc-hall-summary-dates { font-weight: 700; }
.abc-hall-summary-days { color: #666; }
.abc-hall-summary-price { margin-left: auto; font-weight: 700; }

.abc-hall-fields { max-width: 520px; margin-top: 6px; }
.abc-hall-fields p { margin: 0 0 10px; }



.abc-hall-payments { margin: 12px 0; }
.abc-hall-payments-title { display: block; }
.abc-hall-payment { display: block; margin-bottom: 3px; }
.abc-hall-payment input { margin-right: 6px; }

.abc-hall-actions { margin-top: 14px; }
.abc-hall-working { margin-left: 10px; font-size: 13px; color: #666; }
.abc-hall-error {
	margin-top: 10px;
	padding: 8px 12px;
	background: #fdecea;
	border-left: 3px solid #c62828;
	font-size: 14px;
}
.abc-hall-thanks { padding: 14px 0; }

@media (max-width: 480px) {
	.abc-hall-summary-price { margin-left: 0; width: 100%; }
}