.dedeho-quiz {
	margin: 0 0 1rem;
}

.dedeho-quiz__inner {
	display: block;
}

.dedeho-quiz__label {
	display: block;
	font-size: 0.85em;
	opacity: 0.75;
	margin-bottom: 0.25rem;
}

.dedeho-quiz__question {
	display: block;
	font-weight: 600;
	margin-bottom: 0.4rem;
}

.dedeho-quiz__input {
	width: 100%;
}

.dedeho-quiz__loading {
	font-size: 0.85em;
	opacity: 0.6;
}

/* Honeypot: fuori dalla viewport, non display:none (alcuni bot lo rilevano). */
.dedeho-quiz__trap {
	position: absolute !important;
	left: -9999px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* Anteprima nell'editor Elementor */
.dedeho-quiz--preview {
	padding: 0.75rem;
	border: 1px dashed rgba( 0, 0, 0, 0.25 );
	border-radius: 4px;
}

.dedeho-quiz--preview .dedeho-quiz__question {
	font-style: italic;
	opacity: 0.7;
}

/*
 * Messaggio di errore della verifica, mostrato accanto alla domanda.
 *
 * Colore di sfondo e di testo sono entrambi espliciti: il blocco vive dentro
 * form con temi qualsiasi, chiari o scuri, e ereditare il colore del testo
 * significa ritrovarsi testo rosa pallido su fondo rosa pallido.
 */
.dedeho-quiz__error:not( .forminator-error-message ):not( .elementor-message ) {
	margin-top: 0.4rem;
	padding: 0.55rem 0.75rem;
	border-left: 3px solid #d63638;
	border-radius: 3px;
	background: #fdecea;
	color: #7a1a1c;
	font-size: 0.9em;
	line-height: 1.4;
	text-shadow: none;
}

/*
 * Quando il messaggio porta le classi del form builder e' il tema a vestirlo,
 * come fa con gli errori degli altri campi: qui serve solo lo spazio sopra.
 */
.dedeho-quiz__error.forminator-error-message,
.dedeho-quiz__error.elementor-message {
	display: block;
	margin-top: 0.4rem;
}