/**
 * Newsletter - messaggi di esito iscrizione.
 * Linguaggio grafico Garsport: Inter Bold, maiuscolo, bordi da 3px, nero/rosso brand.
 */

.gs-nl-responses {
	max-width: 480px;
	margin: 0 auto;
}

.gs-nl-response {
	display: none;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 16px 18px;
	border: 3px solid #000000;
	background-color: #000000;
	color: #ffffff;
	font-family: "Inter Bold", "Inter", sans-serif;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-align: left;
	text-transform: uppercase;
	animation: gs-nl-response-in 0.35s ease both;
}

/* Lo script rimuove il display:none inline e aggiunge questa classe. */
.gs-nl-response.is-visible {
	display: flex;
	margin-top: 20px;
	align-items: center;
}

.gs-nl-response::before {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #ffffff;
	color: #000000;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
}

.gs-nl-response--success::before {
	content: "\2713"; /* ✓ */
}

.gs-nl-response--error {
	border-color: #EC1A3A;
	background-color: #EC1A3A;
}

.gs-nl-response--error::before {
	content: "!";
	color: #EC1A3A;
}

/* Stato di invio: form leggermente attenuato. */
.garsport-newsletter-form.is-sending {
	opacity: 0.6;
	pointer-events: none;
}

/* Iscrizione completata: il messaggio resta l'unico elemento a fuoco. */
.garsport-newsletter-form.is-subscribed .mc-field-group,
.garsport-newsletter-form.is-subscribed .gdpr-mergeRow,
.garsport-newsletter-form.is-subscribed .optionalParent,
.garsport-newsletter-form.is-subscribed #mc_description {
	display: none;
}

@keyframes gs-nl-response-in {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.gs-nl-response {
		animation: none;
	}
}