/* AGAPE Site Check 1.0.6
   Il modulo eredita font e colore del testo dal tema.
   Per adattarlo: pannelli Stile del widget Elementor, oppure CSS proprio
   ridefinendo le variabili su .agc-box o lavorando sulle classi agc-*. */

.agc-box {
	/* Palette di serie. Ogni colore si cambia
	   dai pannelli Stile del widget, oppure ridefinendo queste variabili. */
	--agc-accento: #ff2e3b;          /* pulsanti, link, casella, tappa attuale */
	--agc-accento-scuro: #003270;    /* pulsanti al passaggio del mouse */
	--agc-titolo-colore: #242e45;
	--agc-testo-colore: #7e7e83;
	--agc-testo-pulsante: #141414;   /* scuro sul rosso, come sul sito: si legge meglio */
	--agc-sfondo: #ffffff;
	--agc-bordo: #e9eae5;
	--agc-traccia: #dddde4;
	--agc-tenue: #7e7e83;
	--agc-buono: #2a7a4b;
	--agc-medio: #b7791f;
	--agc-critico: #b42318;
	--agc-raggio: 6px;
	--agc-raggio-box: 8px;
	--agc-raggio-pulsante: 999px;
	--agc-ombra: 0 12px 40px rgba(36, 46, 69, .10);

	max-width: 560px;
	margin: 0 auto;
	padding: 1.75rem 1.5rem;
	background: var(--agc-sfondo);
	border: 0;
	border-radius: var(--agc-raggio-box);
	box-shadow: var(--agc-ombra);
	box-sizing: border-box;
}

.agc-box *,
.agc-box *::before,
.agc-box *::after { box-sizing: inherit; }

.agc-box [hidden] { display: none !important; }

.agc-box { color: var(--agc-testo-colore); }

.agc-titolo { margin: 0 0 1.25rem; line-height: 1.2; color: var(--agc-titolo-colore); }
.agc-label { color: var(--agc-titolo-colore); }

.agc-label { display: block; margin-bottom: .4rem; font-weight: 600; }

.agc-campo + .agc-campo { margin-top: .9rem; }

.agc-input {
	display: block;
	width: 100%;
	padding: .8rem .95rem;
	font: inherit;
	color: var(--agc-titolo-colore);
	background: #fff;
	border: 1px solid var(--agc-bordo);
	border-radius: var(--agc-raggio);
}

.agc-btn {
	display: inline-block;
	border: 1px solid transparent;
	transition: background-color .15s, color .15s, border-color .15s;
	text-decoration: none;
	padding: 1.05rem 2.2rem;
	font: inherit;
	font-weight: 600;
	color: var(--agc-testo-pulsante);
	background: var(--agc-accento);
	border-radius: var(--agc-raggio-pulsante);
	cursor: pointer;
}

.agc-btn:hover,
.agc-btn:focus-visible { background: var(--agc-accento-scuro); color: #fff; }

.agc-btn:disabled { opacity: .6; cursor: progress; }

/* Consenso: il testo attiva la casella, il link all'informativa sta a parte */
.agc-consenso { margin-top: .9rem; font-size: .875em; color: var(--agc-tenue); }
.agc-consenso-testo { display: flex; gap: .5rem; align-items: flex-start; cursor: pointer; }
.agc-consenso input { margin: .2em 0 0; flex: 0 0 auto; width: 1.05em; height: 1.05em; accent-color: var(--agc-accento); }
.agc-privacy { display: inline-block; margin: .3rem 0 0 1.55rem; color: var(--agc-accento); font-weight: 600; text-decoration: underline; }
.agc-privacy:focus-visible { outline: 3px solid var(--agc-accento); outline-offset: 2px; }

.agc-input:focus-visible,
.agc-btn:focus-visible,
.agc-altro:focus-visible,
.agc-consenso input:focus-visible {
	outline: 3px solid var(--agc-accento);
	outline-offset: 2px;
}

.agc-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

.agc-turnstile { margin-top: .9rem; }

.agc-azioni { margin-top: 1rem; }

.agc-turnstile-segnaposto { margin-top: .9rem; padding: .9rem; border: 1px dashed var(--agc-bordo); border-radius: var(--agc-raggio); font-size: .875em; color: var(--agc-tenue); text-align: center; }

.agc-nota { margin: .9rem 0 0; font-size: .875em; color: var(--agc-tenue); }

.agc-stato { margin: 1rem 0 0; padding: .7rem .85rem; border-radius: var(--agc-raggio); border-left: 4px solid var(--agc-bordo); background: var(--agc-traccia); }
.agc-stato-errore { border-left-color: var(--agc-critico); }
.agc-stato-ok { border-left-color: var(--agc-buono); }
.agc-stato-attesa { border-left-color: var(--agc-accento); }

/* Conferma della richiesta */
.agc-esito { outline: none; }

.agc-conferma-titolo { margin: 0; font-size: 1.15em; font-weight: 700; color: var(--agc-titolo-colore); }

.agc-conferma { margin: .4rem 0 1.25rem; word-break: break-word; }

.agc-cta-intro { margin: 0 0 .75rem; color: var(--agc-tenue); }

.agc-altro {
	display: block;
	margin-top: 1.25rem;
	padding: 0;
	font: inherit;
	color: var(--agc-accento);
	background: none;
	border: 0;
	text-decoration: underline;
	cursor: pointer;
}

@media (max-width: 480px) {
	.agc-box { padding: 1.25rem 1rem; }
	.agc-btn { display: block; width: 100%; text-align: center; }
}

/* ------------------------------------------------------------------ */
/* Modalita' guidata: una domanda per schermata                        */
/* ------------------------------------------------------------------ */

.agc-guidato {
	--agc-traccia-avanzamento: var(--agc-traccia);
	--agc-colore-avanzamento: var(--agc-accento);
	max-width: 640px;
	padding: 2.5rem 2rem;
	text-align: center;
}

.agc-avanzamento {
	height: 4px;
	margin: 0 auto 1rem;
	max-width: 320px;
	border-radius: 999px;
	background: var(--agc-traccia-avanzamento);
	overflow: hidden;
}

.agc-avanzamento-barra {
	display: block;
	height: 100%;
	width: 50%;
	border-radius: inherit;
	background: var(--agc-colore-avanzamento);
	transition: width .35s ease;
}

.agc-guidato[data-agc-passo="2"] .agc-avanzamento-barra { width: 100%; }
.agc-guidato[data-agc-passo="fatto"] .agc-avanzamento,
.agc-guidato[data-agc-passo="fatto"] .agc-passo-di { display: none; }

.agc-passo-di { margin: 0 0 1.75rem; font-size: .8125em; color: var(--agc-tenue); }

.agc-guidato .agc-titolo { margin: 0 0 .6rem; font-size: 1.75em; line-height: 1.2; }
.agc-guidato .agc-titolo label { cursor: text; }

.agc-sottotitolo { margin: 0 auto 1.75rem; max-width: 34rem; color: var(--agc-tenue); }

.agc-riepilogo-url { margin: -1rem 0 1.25rem; font-weight: 600; word-break: break-all; }
.agc-riepilogo-url:empty { display: none; }

.agc-campo-grande {
	display: flex;
	align-items: stretch;
	max-width: 30rem;
	margin: 0 auto;
	background: #fff;
	border: 1px solid var(--agc-bordo);
	border-radius: var(--agc-raggio);
	overflow: hidden;
}

.agc-campo-grande:focus-within { outline: 3px solid var(--agc-accento); outline-offset: 2px; }

.agc-campo-grande .agc-input {
	flex: 1 1 auto;
	width: auto;
	padding: 1rem 1.1rem;
	font-size: 1.15em;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.agc-campo-grande .agc-input:focus-visible { outline: none; }

.agc-prefisso {
	display: flex;
	align-items: center;
	padding: 0 .9rem;
	font-size: 1.05em;
	color: var(--agc-tenue);
	background: var(--agc-traccia);
	border-right: 1px solid var(--agc-bordo);
	user-select: none;
}

.agc-guidato .agc-consenso { max-width: 30rem; margin: 1rem auto 0; text-align: left; }
.agc-guidato .agc-turnstile,
.agc-guidato .agc-turnstile-segnaposto { max-width: 30rem; margin-left: auto; margin-right: auto; }

.agc-guidato .agc-azioni { margin-top: 1.5rem; text-align: center; }
.agc-guidato .agc-btn { padding: 1.05rem 2.6rem; font-size: 1.05em; }

.agc-indietro {
	display: inline-block;
	margin-top: 1rem;
	padding: 0;
	font: inherit;
	font-size: .9em;
	color: var(--agc-tenue);
	background: none;
	border: 0;
	text-decoration: underline;
	cursor: pointer;
}

.agc-guidato .agc-nota { margin-top: 1.5rem; }
.agc-guidato .agc-stato { max-width: 30rem; margin-left: auto; margin-right: auto; text-align: left; }
.agc-guidato .agc-esito { text-align: center; }
.agc-guidato .agc-altro { margin-left: auto; margin-right: auto; }

.agc-indietro:focus-visible { outline: 3px solid var(--agc-accento); outline-offset: 2px; }

@media (max-width: 480px) {
	.agc-guidato { padding: 1.75rem 1rem; }
	.agc-guidato .agc-titolo { font-size: 1.4em; }
	.agc-prefisso { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.agc-avanzamento-barra { transition: none; }
}

/* ------------------------------------------------------------------ */
/* Versione large: tappe con icona sopra la domanda                    */
/* ------------------------------------------------------------------ */

.agc-large {
	--agc-tappa-dim: 64px;
	--agc-tappa-spenta: var(--agc-traccia);
	--agc-tappa-icona-spenta: var(--agc-tenue);
	max-width: 820px;
	padding: 3rem 2.5rem;
}

/* Le tappe fanno da indicatore: barra e "Passo 1 di 2" non servono */
.agc-large .agc-avanzamento,
.agc-large .agc-passo-di { display: none; }

.agc-tappe {
	display: flex;
	justify-content: center;
	max-width: 560px;
	margin: 0 auto 2.5rem;
	padding: 0;
	list-style: none;
}

.agc-tappa {
	position: relative;
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .6rem;
	margin: 0;
	text-align: center;
}

/* Linea fra una tappa e la precedente */
.agc-tappa + .agc-tappa::before {
	content: "";
	position: absolute;
	top: calc(var(--agc-tappa-dim) / 2 - 1px);
	right: calc(50% + var(--agc-tappa-dim) / 2 + 8px);
	left: calc(-50% + var(--agc-tappa-dim) / 2 + 8px);
	height: 2px;
	background: var(--agc-tappa-spenta);
	transition: background-color .3s ease;
}

.agc-tappa-icona {
	display: grid;
	place-items: center;
	width: var(--agc-tappa-dim);
	height: var(--agc-tappa-dim);
	border-radius: 50%;
	background: var(--agc-tappa-spenta);
	color: var(--agc-tappa-icona-spenta);
	transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
}

.agc-tappa-icona svg { width: 45%; height: 45%; }
.agc-tappa-icona .e-font-icon-svg { fill: currentColor; }
.agc-tappa-icona i { font-size: calc(var(--agc-tappa-dim) * .42); line-height: 1; }

.agc-tappa-nome { font-size: .875em; font-weight: 600; color: var(--agc-tenue); transition: color .3s ease; }

/* Tappa attuale */
.agc-large[data-agc-passo="1"] .agc-tappa[data-tappa="1"] .agc-tappa-icona,
.agc-large[data-agc-passo="2"] .agc-tappa[data-tappa="2"] .agc-tappa-icona,
.agc-large[data-agc-passo="fatto"] .agc-tappa[data-tappa="3"] .agc-tappa-icona {
	background: var(--agc-accento);
	color: #fff;
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--agc-accento) 18%, transparent);
}

.agc-large[data-agc-passo="1"] .agc-tappa[data-tappa="1"] .agc-tappa-nome,
.agc-large[data-agc-passo="2"] .agc-tappa[data-tappa="2"] .agc-tappa-nome,
.agc-large[data-agc-passo="fatto"] .agc-tappa[data-tappa="3"] .agc-tappa-nome { color: var(--agc-titolo-colore); }

/* Tappe completate */
.agc-large[data-agc-passo="2"] .agc-tappa[data-tappa="1"] .agc-tappa-icona,
.agc-large[data-agc-passo="fatto"] .agc-tappa:not([data-tappa="3"]) .agc-tappa-icona {
	background: color-mix(in srgb, var(--agc-accento) 15%, #fff);
	color: var(--agc-accento);
}

.agc-large[data-agc-passo="2"] .agc-tappa[data-tappa="2"]::before,
.agc-large[data-agc-passo="fatto"] .agc-tappa::before { background: var(--agc-accento); }

.agc-large .agc-titolo { font-size: 2.25em; }
.agc-large .agc-sottotitolo { font-size: 1.05em; margin-bottom: 2rem; }
.agc-large .agc-campo-grande,
.agc-large .agc-consenso,
.agc-large .agc-stato { max-width: 36rem; }
.agc-large .agc-campo-grande .agc-input { padding: 1.15rem 1.25rem; font-size: 1.25em; }
.agc-large .agc-prefisso { padding: 0 1.1rem; font-size: 1.15em; }
.agc-large .agc-btn { padding: 1.15rem 3rem; font-size: 1.1em; }

@media (max-width: 600px) {
	.agc-large { --agc-tappa-dim: 48px; padding: 2rem 1rem; }
	.agc-large .agc-titolo { font-size: 1.5em; }
	.agc-tappa-nome { font-size: .75em; }
}

@media (prefers-reduced-motion: reduce) {
	.agc-tappa::before, .agc-tappa-icona, .agc-tappa-nome { transition: none; }
}

/* Tappe con immagine: cerchio chiaro con anello, l'immagine resta leggibile
   anche se ha gli stessi colori dell'accento (come le icone rosse del sito). */
.agc-tappa-icona img { width: 55%; height: 55%; object-fit: contain; filter: grayscale(1); opacity: .55; transition: filter .3s ease, opacity .3s ease; }

.agc-box.agc-large[data-agc-passo] .agc-tappa.agc-tappa-img .agc-tappa-icona {
	background: var(--agc-tappa-sfondo-img, #fff);
	border: 2px solid var(--agc-tappa-spenta);
	box-shadow: none;
}

.agc-box.agc-large[data-agc-passo="1"] .agc-tappa-img[data-tappa="1"] .agc-tappa-icona,
.agc-box.agc-large[data-agc-passo="2"] .agc-tappa-img[data-tappa="2"] .agc-tappa-icona,
.agc-box.agc-large[data-agc-passo="fatto"] .agc-tappa-img[data-tappa="3"] .agc-tappa-icona {
	border-color: var(--agc-accento);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--agc-accento) 18%, transparent);
}

.agc-box.agc-large[data-agc-passo="2"] .agc-tappa-img[data-tappa="1"] .agc-tappa-icona,
.agc-box.agc-large[data-agc-passo="fatto"] .agc-tappa-img:not([data-tappa="3"]) .agc-tappa-icona { border-color: var(--agc-accento); }

/* Raggiunte o completate: immagine a colori */
.agc-large[data-agc-passo="1"] .agc-tappa[data-tappa="1"] img,
.agc-large[data-agc-passo="2"] .agc-tappa[data-tappa="1"] img,
.agc-large[data-agc-passo="2"] .agc-tappa[data-tappa="2"] img,
.agc-large[data-agc-passo="fatto"] .agc-tappa img { filter: none; opacity: 1; }

@media (prefers-reduced-motion: reduce) { .agc-tappa-icona img { transition: none; } }