/* Avvisami quando torna disponibile: bottone secondario e modale (mu-plugin acqna-avvisami.php). */
.acqna-avvisami__apri,
.acqna-avvisami__invia {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 0 24px;
	border-radius: 10px;
	font: 600 15px/1.2 Roboto, sans-serif;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.acqna-avvisami__apri {
	border: 2px solid #1E293B;
	background: transparent;
	color: #1E293B;
}

.acqna-avvisami__invia {
	width: 100%;
	border: 2px solid #1E293B;
	background: #1E293B;
	color: #FFFFFF;
}

.acqna-avvisami__invia[disabled] {
	opacity: .6;
	cursor: wait;
}

.acqna-avvisami__apri:focus-visible,
.acqna-avvisami__modale .acqna-avvisami__invia:focus-visible,
.acqna-avvisami__modale .acqna-avvisami__fine:focus-visible,
.acqna-avvisami__modale .acqna-avvisami__chiudi:focus-visible,
.acqna-avvisami__modale .acqna-avvisami__consenso input:focus-visible,
.acqna-avvisami__modale .acqna-avvisami__consenso input:focus,
.acqna-avvisami__modale .acqna-avvisami__consenso a:focus-visible {
	outline: 3px solid #6EC1E4 !important;
	outline-offset: 2px !important;
}

.acqna-avvisami__modale input.acqna-avvisami__campo:focus,
.acqna-avvisami__modale input.acqna-avvisami__campo:focus-visible {
	border: 1px solid #1E293B !important;
	border-style: solid !important;
	outline: 3px solid #6EC1E4 !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}

@media (hover: hover) {
	.acqna-avvisami__apri:hover {
		background: #1E293B;
		color: #FFFFFF;
	}

	.acqna-avvisami__invia:hover:not([disabled]) {
		background: #94BDE0;
		border-color: #94BDE0;
		color: #000000;
	}
}

.acqna-avvisami__modale {
	width: calc(100% - 32px);
	max-width: 440px;
	margin: auto;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: #FFFFFF;
	color: #1E293B;
	box-shadow: 0 20px 50px rgba(30, 41, 59, .35);
}

.acqna-avvisami__modale::backdrop {
	background: rgba(30, 41, 59, .6);
}

.acqna-avvisami__modale[open] {
	animation: acqna-avvisami-entra .2s ease;
}

@keyframes acqna-avvisami-entra {
	from {
		opacity: 0;
		transform: translateY(8px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.acqna-avvisami__contenuto {
	position: relative;
	padding: 28px 24px 24px;
}

.acqna-avvisami__chiudi {
	position: absolute;
	top: 8px;
	right: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	min-width: 44px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: #1E293B;
	line-height: 1;
	cursor: pointer;
}

.acqna-avvisami__modale .acqna-avvisami__chiudi svg {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
}

.acqna-avvisami__titolo {
	margin: 0 40px 4px 0;
	color: #1E293B;
	font: 700 20px/1.3 Roboto, sans-serif;
}

.acqna-avvisami__prodotto {
	margin: 0 0 16px;
	color: #475569;
	font: 400 14px/1.4 Roboto, sans-serif;
}

.acqna-avvisami__etichetta {
	display: block;
	margin: 0 0 6px;
	font: 500 14px/1.4 Roboto, sans-serif;
}

.acqna-avvisami__campo {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	margin: 0 0 14px;
	padding: 0 14px;
	border: 1px solid #64748B;
	border-radius: 10px;
	background: #FFFFFF;
	color: #1E293B;
	font: 400 16px/1.2 Roboto, sans-serif;
}

.acqna-avvisami__campo[aria-invalid="true"] {
	border-color: #B91C1C;
}

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

.acqna-avvisami__consenso {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 14px;
	font: 400 14px/1.5 Roboto, sans-serif;
}

.acqna-avvisami__consenso input {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin: 1px 0 0;
}

.acqna-avvisami__consenso a {
	display: inline-block;
	padding: 4px 0;
	color: #1E293B;
	text-decoration: underline;
}

.acqna-avvisami__esito {
	min-height: 60px;
	box-sizing: border-box;
	margin: 0 0 14px;
	padding: 10px 12px;
	border-radius: 10px;
	font: 500 14px/1.4 Roboto, sans-serif;
}

.acqna-avvisami__esito.is-errore {
	background: #FEF2F2;
	color: #991B1B;
}

.acqna-avvisami__esito.is-ok {
	background: #ECFDF5;
	color: #065F46;
}

/* Spazio riservato al messaggio: la modale non cambia altezza quando compare l'errore. */
.acqna-avvisami__esito[hidden] {
	display: block;
	visibility: hidden;
}

/* Stato di successo: solo messaggio + Chiudi. */
.acqna-avvisami__modale .acqna-avvisami__form.is-fatto .acqna-avvisami__etichetta,
.acqna-avvisami__modale .acqna-avvisami__form.is-fatto .acqna-avvisami__campo,
.acqna-avvisami__modale .acqna-avvisami__form.is-fatto .acqna-avvisami__consenso {
	display: none;
}

.acqna-avvisami__modale .acqna-avvisami__form.is-fatto .acqna-avvisami__esito {
	min-height: 0;
}

.acqna-avvisami__modale .acqna-avvisami__fine {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	padding: 0 24px;
	border: 2px solid #1E293B;
	border-radius: 10px;
	background: transparent;
	color: #1E293B;
	font: 600 15px/1.2 Roboto, sans-serif;
	cursor: pointer;
}

.acqna-avvisami__modale .acqna-avvisami__fine[hidden],
.acqna-avvisami__modale .acqna-avvisami__invia[hidden] {
	display: none;
}

@media (hover: hover) {
	.acqna-avvisami__modale .acqna-avvisami__fine:hover {
		background: #1E293B;
		color: #FFFFFF;
	}
}

body.acqna-avvisami-aperta {
	overflow: hidden;
}

@media (max-width: 767px) {
	.acqna-avvisami__apri {
		display: flex;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.acqna-avvisami__modale[open] {
		animation: none;
	}

	.acqna-avvisami__apri,
	.acqna-avvisami__invia {
		transition: none;
	}
}