/* Foglaló felület. A színek a téma tokenjeiből jönnek, hogy témán belül
   maradjon a megjelenés, de a modul témától függetlenül is működjön. */

.drbado-booking-ui {
	--drbado-line: var(--wp--preset--color--border, #e5dccf);
	--drbado-primary: var(--wp--preset--color--primary, #2f5d57);
	--drbado-accent: var(--wp--preset--color--accent, #a8502c);
	border: 1px solid var(--drbado-line);
	border-radius: 10px;
	padding: clamp(1rem, 3vw, 1.75rem);
	background: var(--wp--preset--color--surface, #fff);
}

.drbado-step { margin-bottom: 1.75rem; }
.drbado-step:last-child { margin-bottom: 0; }
.drbado-step__title {
	font-size: 1rem;
	margin: 0 0 0.75rem;
	color: var(--drbado-primary);
}

.drbado-choices { display: flex; flex-wrap: wrap; gap: 0.5rem; }

.drbado-choice {
	appearance: none;
	border: 1px solid var(--drbado-line);
	background: #fff;
	border-radius: 8px;
	padding: 0.7rem 1rem;
	min-height: 48px;
	font: inherit;
	color: inherit;
	cursor: pointer;
	text-align: left;
}
.drbado-choice:hover { border-color: var(--drbado-primary); }
.drbado-choice.is-selected {
	background: var(--drbado-primary);
	border-color: var(--drbado-primary);
	color: #fff;
}
.drbado-choice--time { min-width: 5.5rem; text-align: center; }

.drbado-day { margin-bottom: 1.25rem; }
.drbado-day h4 { margin: 0 0 0.5rem; font-size: 0.95rem; font-weight: 600; }

.drbado-field { display: flex; flex-direction: column; gap: 0.3rem; margin-bottom: 1rem; }
.drbado-field label { font-weight: 600; font-size: 0.95rem; }
.drbado-field input,
.drbado-field textarea {
	border: 1px solid var(--drbado-line);
	border-radius: 6px;
	padding: 0.65rem 0.75rem;
	font: inherit;
	min-height: 48px;
}
.drbado-field small { color: var(--wp--preset--color--muted, #55635f); font-size: 0.85rem; }

.drbado-summary {
	background: var(--wp--preset--color--base, #fbf8f3);
	border-radius: 6px;
	padding: 0.75rem 1rem;
	font-weight: 600;
	margin-bottom: 1.25rem;
}

.drbado-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.drbado-submit { min-height: 48px; }
.drbado-form__error { color: #a4231f; margin-top: 0.75rem; }

.drbado-booking__mock,
.drbado-booking__status.is-error {
	background: #fff6f1;
	border: 1px dashed var(--drbado-accent);
	border-radius: 8px;
	padding: 0.75rem 1rem;
	font-size: 0.9rem;
	margin-bottom: 1.25rem;
}

.drbado-done h3 { margin-top: 0; color: var(--drbado-primary); }