/* Generic form styling (Elementor HTML-embed booking widgets sit inside
   .aa-embed-widget so they at least inherit sane spacing/border-radius;
   the embedded platform controls its own internal styling). */

.aa-embed-widget {
	background: var(--aa-surface);
	border-radius: var(--aa-radius-md);
	box-shadow: var(--aa-shadow-sm);
	padding: clamp(16px, 3vw, 32px);
	overflow: hidden;
}
.aa-embed-widget iframe { width: 100%; border: none; }

input, textarea, select, button {
	font-family: var(--aa-font-body);
}

.aa-reserve-widget {
	background: var(--aa-surface);
	border-radius: var(--aa-radius-md);
	box-shadow: var(--aa-shadow-md);
	padding: 28px;
	display: grid;
	gap: 16px;
}
.aa-reserve-widget label { display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; color: var(--aa-muted); }
.aa-reserve-widget input,
.aa-reserve-widget select {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--aa-border);
	border-radius: var(--aa-radius-sm);
	background: #faf7f5;
}