/*
 * Le porte nuove delle recensioni — RECENSIONI-PROGETTO.md, versione 2.
 *
 * Stile minimo per i moduli che `Radar_Recensioni` stampa da sé:
 * `.radar-recensione` (grado B, già esisteva), `.radar-grado-a`,
 * `.radar-lavoro-fatto`, `.radar-dichiarazione`, `.radar-segnala`,
 * `.radar-ricorso` (la porta del 3/9/2026, sullo stesso schema).
 * Zero JavaScript, zero framework: la validazione è nel plugin, qui c'è solo
 * leggibilità — spaziatura, larghezza di lettura, fieldset senza bordo di
 * default del browser.
 */

.radar-recensione,
.radar-grado-a,
.radar-lavoro-fatto,
.radar-dichiarazione,
.radar-segnala,
.radar-ricorso {
	max-width: 40rem;
	margin: 2rem auto;
	padding: 0 1rem;
}

.radar-recensione form,
.radar-grado-a form,
.radar-lavoro-fatto form,
.radar-dichiarazione form,
.radar-segnala form,
.radar-ricorso form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.radar-recensione fieldset,
.radar-grado-a fieldset,
.radar-segnala fieldset {
	border: 1px solid #d8d0c8;
	border-radius: 4px;
	padding: 0.75rem 1rem;
}

.radar-recensione legend,
.radar-grado-a legend,
.radar-segnala legend {
	font-weight: 600;
	padding: 0 0.4rem;
}

.radar-recensione label,
.radar-grado-a label,
.radar-segnala label,
.radar-ricorso label {
	display: block;
	margin: 0.35rem 0;
}

/* P2.5, 4/9/2026: le label di radio/checkbox nei fieldset (voto, gravità
   della segnalazione) avevano solo l'input a 13x13 come bersaglio misurabile
   e una riga di testo da ~24px — sotto i 44px del token --tocco. La label
   resta un blocco (il testo lungo continua a incolonnarsi sotto il pallino),
   ma guadagna l'altezza minima e un po' di respiro cliccabile. */
.radar-recensione fieldset label,
.radar-grado-a fieldset label,
.radar-segnala fieldset label {
	min-height: var(--tocco, 44px);
	display: flex;
	align-items: center;
	padding: 0.3rem 0.4rem;
	gap: 0.5rem;
}
.radar-recensione fieldset input[type="radio"],
.radar-grado-a fieldset input[type="radio"],
.radar-segnala fieldset input[type="radio"],
.radar-recensione fieldset input[type="checkbox"],
.radar-grado-a fieldset input[type="checkbox"],
.radar-segnala fieldset input[type="checkbox"] {
	flex: 0 0 auto;
}

.radar-recensione input[type="text"],
.radar-recensione input[type="email"],
.radar-recensione textarea,
.radar-grado-a input[type="text"],
.radar-lavoro-fatto input[type="text"],
.radar-dichiarazione input[type="text"],
.radar-segnala input[type="email"],
.radar-segnala textarea,
.radar-ricorso input[type="email"],
.radar-ricorso textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 0.5rem 0.6rem;
	border: 1px solid #c9c1b8;
	border-radius: 4px;
	font: inherit;
}

.radar-recensione .description,
.radar-segnala .description,
.radar-ricorso .description {
	display: block;
	font-size: 0.85em;
	color: #6b6259;
}

.radar-recensione__esito,
.radar-grado-a [role="status"],
.radar-lavoro-fatto [role="status"],
.radar-dichiarazione [role="status"],
.radar-segnala [role="status"],
.radar-ricorso [role="status"] {
	padding: 0.6rem 0.9rem;
	border-radius: 4px;
	background: #f4efe8;
}

/* La nota di contestazione sotto una recensione — §3, riga 2. */
.recensione__nota {
	margin-top: 0.5rem;
	padding: 0.5rem 0.75rem;
	border-left: 3px solid #b08a3e;
	background: #f8f1e2;
	font-size: 0.9em;
}

.recensioni__vuoto--sotto-soglia {
	font-style: normal;
}

/* --- Il pulsante di invio dei sei moduli -------------------------------
   Trovato dal verificatore indipendente il 3/9: quattro bottoni uscivano
   come default del browser. Il sesto (ricorso, S19) riusa la stessa classe
   apposta: un solo bottone da mantenere.

   S41 3/9 — i sei bottoni ora portano anche `.pulsante` nel markup
   (class-radar-recensioni.php): forma (999px, --azione), colore e hover li
   dà quella classe, la stessa base già usata da ogni altro invio del tema
   (Salva, Registrati, Trova, fiducia__azione). Qui restano solo le misure
   che le porte delle recensioni vogliono in più — non un doppione.

   S44 4/9 — rimisura indipendente: rendeva 52,8px invece di 56. `.pulsante`
   (ossatura.css §9, min-height 44px) carica DOPO questo foglio e vince a
   parità di specificità (0,1,0 contro 0,1,0) sullo stesso asse fisico
   (min-block-size = min-height). Selettore composto `.pulsante.radar-recensione__invia`
   (0,2,0), lo stesso schema già usato da `.pulsante.modulo__invia` in
   ossatura.css — il markup porta già entrambe le classi sul bottone. */
.pulsante.radar-recensione__invia {
	inline-size: 100%;
	min-block-size: 3.5rem;
	font-size: 1.125rem;
	transition: background .18s ease, transform .18s ease; /* .pulsante transiziona solo background */
}
.pulsante.radar-recensione__invia:hover {
	transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
	.pulsante.radar-recensione__invia { transition: none; }
	.pulsante.radar-recensione__invia:hover { transform: none; }
}