/*
 * Waitlist capture form ([pwp_waitlist_form]).
 * Token-driven; inherits the theme's button styling for the submit control.
 * Custom-property slugs must exist in the theme.json presets (palette:
 * brand-*, neutral-*, semantic-*, surface-*; spacing slugs 1-16; font sizes
 * xs-4xl) or the var() falls back and the form goes generic.
 */
.pwp-waitlist {
	margin: var(--wp--preset--spacing--6, 1.5rem) 0;
	max-width: 32rem;
}

.pwp-waitlist__row {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin-bottom: 0.75rem;
}

.pwp-waitlist__label {
	font-size: var(--wp--preset--font-size--sm, 0.875rem);
	font-weight: 600;
}

.pwp-waitlist__input {
	width: 100%;
	padding: 0.75rem 0.9rem;
	font-size: 1rem; /* >=16px so iOS Safari does not zoom on focus */
	border: 1px solid var(--wp--preset--color--neutral-300, #d8ccba);
	border-radius: var(--wp--custom--radius--md, 0.5rem);
	background: var(--wp--preset--color--surface-card, #fff);
	color: inherit;
}

.pwp-waitlist__select {
	appearance: auto;
}

.pwp-waitlist__input:focus {
	outline: 2px solid var(--wp--preset--color--brand-primary, #2e4636);
	outline-offset: 1px;
}

.pwp-waitlist__submit {
	width: 100%;
	cursor: pointer;
}

.pwp-waitlist__status {
	margin: 0.6rem 0 0;
	font-size: var(--wp--preset--font-size--sm, 0.875rem);
	min-height: 1.2em;
}

.pwp-waitlist__status.is-error {
	color: var(--wp--preset--color--semantic-error, #a63a2e);
}

.pwp-waitlist__status.is-success {
	font-weight: 600;
}

.pwp-waitlist__fineprint {
	margin: 0.6rem 0 0;
	opacity: 0.75;
}

@media (min-width: 40rem) {
	.pwp-waitlist__submit {
		width: auto;
	}
}