/**
 * age-gate.css — verifica dell'eta (bozza AgeGate.dc.html).
 * Sovrapposizione a tutto schermo su nero #0B0B0B; riquadro 560 px su #000.
 * Sotto i 760 px la bozza non ha un disegno dedicato: stesso riquadro a larghezza
 * piena con imbottiture ridotte (decisione registrata in docs/DESIGN.md, sezione 6).
 */

.et-age-gate {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: flex;
	overflow-y: auto;
	padding: 24px 16px;
	background: var(--et-nero);
	color: var(--et-crema);
	font-family: var(--et-font-testo);
}

/* Pagina servita da una cache, visitatore gia verificato: la sovrapposizione non compare. */
html.et-age-ok .et-age-gate:not(.is-reopened) {
	display: none;
}

.et-age-gate a {
	color: var(--et-oro);
}

.et-age-gate a:hover {
	color: var(--et-oro-chiaro);
}

.et-age-gate__box {
	width: 100%;
	max-width: 560px;
	margin: auto;
	padding: 56px 64px 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	background: var(--et-nero-pieno);
	border: 1px solid var(--et-filetto-scuro);
	text-align: center;
}

.et-age-gate__logo {
	width: 220px;
	height: auto;
}

.et-age-gate__title {
	margin: 8px 0 0;
	font-size: 28px;
	line-height: 1.25;
}

.et-age-gate__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: var(--et-testo-2-scuro);
}

.et-age-gate__form {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.et-age-gate__field {
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-align: left;
}

.et-age-gate__label {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--et-testo-2-scuro);
}

.et-age-gate__select {
	width: 100%;
	min-height: var(--et-campo-h);
	padding: 0 14px;
	background: var(--et-nero);
	border: 1px solid var(--et-bordo-campo-scuro);
	border-radius: var(--et-raggio);
	color: var(--et-crema);
	font-size: 15px;
}

.et-age-gate__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.et-age-gate__actions .et-age-gate__btn {
	min-height: 52px;
	padding: 1px 6px;
}

.et-age-gate__actions .et-btn--filo-scuro,
.et-age-gate__actions .et-btn--filo-scuro:hover {
	color: var(--et-crema);
}

.et-age-gate__actions .et-btn--oro,
.et-age-gate__actions .et-btn--oro:hover {
	color: var(--et-nero);
}

.et-age-gate__remember {
	display: flex;
	align-items: center;
	align-self: flex-start;
	gap: 10px;
	min-height: 44px;
	font-size: 14px;
	color: var(--et-testo-2-scuro);
}

.et-age-gate__remember input {
	width: 18px;
	height: 18px;
	accent-color: var(--et-oro);
}

.et-age-gate__lang {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 16px;
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid var(--et-filetto-scuro);
	font-size: 13px;
}

.et-age-gate__lang a[aria-current] {
	color: var(--et-crema);
	font-weight: 600;
}

.et-age-gate__legal {
	margin: 0;
	font-size: 12px;
	line-height: 1.6;
	color: var(--et-meta-scuro);
}

@media (max-width: 759px) {
	.et-age-gate {
		padding: 16px;
	}

	.et-age-gate__box {
		padding: 40px 24px 32px;
		gap: 20px;
	}

	.et-age-gate__title {
		font-size: 24px;
	}
}