.et-tavoli {
	--et-radius: 10px;
	--et-border: #d9d9de;
	--et-accent: #1f6feb;
	--et-muted: #6b7280;
	max-width: 720px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5;
}

.et-tavoli .et-title {
	margin: 0 0 1rem;
}

.et-tavoli .et-form {
	display: grid;
	gap: 0.9rem;
}

.et-tavoli .et-row {
	display: grid;
	gap: 0.9rem;
}

@media (min-width: 620px) {
	.et-tavoli .et-row--2 {
		grid-template-columns: 1fr 1fr;
	}

	.et-tavoli .et-row--3 {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.et-tavoli .et-field {
	display: grid;
	gap: 0.3rem;
}

.et-tavoli .et-field > span {
	font-weight: 600;
	font-size: 0.92rem;
}

.et-tavoli .et-field > small {
	color: var(--et-muted);
	font-size: 0.8rem;
}

.et-tavoli input[type="text"],
.et-tavoli input[type="email"],
.et-tavoli input[type="tel"],
.et-tavoli input[type="date"],
.et-tavoli select,
.et-tavoli textarea {
	width: 100%;
	padding: 0.6rem 0.7rem;
	border: 1px solid var(--et-border);
	border-radius: var(--et-radius);
	background: #fff;
	font: inherit;
	color: inherit;
	box-sizing: border-box;
}

.et-tavoli input:focus-visible,
.et-tavoli select:focus-visible,
.et-tavoli textarea:focus-visible {
	outline: 2px solid var(--et-accent);
	outline-offset: 1px;
}

.et-tavoli select:disabled {
	background: #f4f4f5;
	color: var(--et-muted);
}

.et-tavoli .et-check {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.55rem;
	align-items: start;
	font-size: 0.88rem;
	color: #333;
}

.et-tavoli .et-check--dietary {
	background: #f7f9fc;
	border: 1px solid var(--et-border);
	border-radius: var(--et-radius);
	padding: 0.7rem;
}

.et-tavoli .et-hint {
	margin: 0;
	font-size: 0.85rem;
	color: var(--et-muted);
	min-height: 1.2em;
}

.et-tavoli .et-deposit-policy {
	margin: 0;
	padding: 0.7rem 0.8rem;
	border-left: 3px solid var(--et-accent);
	background: #f2f6fd;
	font-size: 0.88rem;
	border-radius: 0 var(--et-radius) var(--et-radius) 0;
}

.et-tavoli .et-submit {
	justify-self: start;
	padding: 0.75rem 1.6rem;
	border: 0;
	border-radius: var(--et-radius);
	background: var(--et-accent);
	color: #fff;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.et-tavoli .et-submit:disabled {
	opacity: 0.6;
	cursor: progress;
}

.et-tavoli .et-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.et-tavoli .et-message {
	margin: 0;
	font-size: 0.92rem;
}

.et-tavoli .et-message--error {
	color: #b42318;
	font-weight: 600;
}

.et-tavoli .et-message--success {
	color: #067647;
	font-weight: 600;
}

.et-tavoli .et-notice {
	margin: 0 0 1.2rem;
	padding: 0.9rem 1rem;
	border-radius: var(--et-radius);
	border: 1px solid var(--et-border);
	background: #f7f7f8;
	font-size: 0.95rem;
}

.et-tavoli .et-notice--success {
	background: #ecfdf3;
	border-color: #abefc6;
}

.et-tavoli .et-notice--warning {
	background: #fffaeb;
	border-color: #fedf89;
}

.et-tavoli .et-notice--info {
	background: #eff8ff;
	border-color: #b2ddff;
}

.et-tavoli .et-wa-cta {
	display: inline-block;
	margin-top: 10px;
	padding: 11px 22px;
	border-radius: var(--et-radius);
	background: #25d366;
	color: #06331a !important;
	font-weight: 700;
	text-decoration: none !important;
}

.et-tavoli .et-wa-cta:hover { background: #1eb85a; }
