/*
 * Stile minimo del form pubblico (§4 del piano).
 *
 * `.row`/`.box`/`.box-left`/`.mt-1` sono CSS reale del tema
 * (`reclamaweb.css`, verificato: flex su `.row`, `flex:1` su
 * `.box`/`.box-left`) e restano intoccati qui — questo file copre SOLO ciò
 * che il tema non definisce già: le classi nuove `afs-col-*` (layout a più
 * colonne che il generatore legacy non conosceva) e gli elementi introdotti
 * da `afs-form.js` (contatore caratteri, loader).
 */

.afs-col-4 {
	flex: 0 0 33.333%;
	max-width: 33.333%;
}

.afs-col-8 {
	flex: 0 0 66.666%;
	max-width: 66.666%;
}

.afs-char-count {
	display: block;
	margin-top: 0.25em;
	font-size: 0.85em;
	color: #666;
}

.afs-loader {
	position: fixed;
	inset: 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: 999;
}

.required-field-label {
	color: #c0392b;
}

#success-show,
#error-show {
	text-align: center;
}

/*
 * Il tema stila `.image-result`/`.success-message`/`.error-message`/
 * `.subtitle` SOLO sotto `#section-form-reclamaweb` (id del generatore
 * legacy); il nostro wrapper è `#section-reclamaweb`, quindi nessuna di
 * quelle regole ci raggiunge — vanno ridichiarate qui, con gli stessi valori
 * di `reclama-web/css/style.css`.
 */
#success-show .image-result,
#error-show .image-result {
	display: block;
	width: 30%;
	max-width: 150px;
	height: auto;
	margin: 0 auto;
}

#success-show .success-message,
#error-show .error-message {
	margin-top: 10px;
	font-weight: bold;
}

#success-show .subtitle {
	font-weight: normal;
	font-size: smaller;
}

/*
 * `.accent` è usata dal sottotitolo di default (le tre righe "controlla la
 * cartella SPAM/PROMOZIONI/altro"): stesso arancione del legacy, che però lo
 * dichiara sotto `#section-form-reclamaweb`.
 */
#section-reclamaweb .accent {
	color: orange;
}