/* Fiore servizi: solo struttura dei moduli. Colori, caratteri e bottoni vengono dal tema. */
.fiore-modulo__form { display: grid; gap: var(--wp--preset--spacing--10, 8px); }
.fiore-modulo__riga { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--10, 8px); }
.fiore-modulo__email {
	flex: 1 1 14rem;
	min-width: 0;
	font: inherit;
	padding: .75em 1em;
	color: var(--wp--preset--color--ink, #111);
	background: var(--wp--preset--color--paper, #fff);
	border: 1px solid var(--wp--preset--color--line-strong, #d4d1c9);
	border-radius: 0;
}
.fiore-modulo__email[aria-invalid="true"] { border-color: currentColor; outline: 1px solid currentColor; }
.fiore-modulo__msg:empty { display: none; }
.fiore-modulo__msg,
.fiore-modulo__consenso { margin: 0; }
.fiore-modulo__trappola { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.fiore-modulo button[disabled] { opacity: .6; cursor: progress; }


/* ---------- questionario della guida (blocco fiore/questionario) ----------
   Pensato per il telefono: una domanda per schermata, risposte come bottoni grandi uno sotto l'altro. */
.fiore-q { box-sizing: border-box; }
.fiore-q.alignfull { background: var(--wp--preset--color--paper-alt, #f7f6f3); padding: var(--wp--preset--spacing--section, 64px) var(--wp--preset--spacing--gutter, 16px); margin-block: 0 !important; }
.fiore-q__form { max-width: 720px; margin: 0 auto; display: grid; gap: 22px; }
.fiore-q__form[hidden], .fiore-q [hidden] { display: none !important; }
.fiore-q__intro { margin: 0; font-size: var(--wp--preset--font-size--lead, 17px); line-height: 1.55; color: var(--wp--preset--color--text, #4a4a4a); text-wrap: pretty; }
.fiore-q__passo { border: 0; margin: 0; padding: 0; min-width: 0; display: grid; gap: 14px; }
.fiore-q__conto { display: block; margin: 0 0 10px; font: 400 12px/1 var(--wp--preset--font-family--sans, sans-serif); letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--muted, #6e6b66); }
.fiore-q__domanda { padding: 0; margin: 0 0 4px; font: 400 clamp(22px, 3vw, 28px)/1.2 var(--wp--preset--font-family--serif, serif); color: var(--wp--preset--color--ink, #111); }
.fiore-q__domanda:focus { outline: none; }
.fiore-q__domanda:focus-visible { outline: 2px solid var(--wp--preset--color--ink, #111); outline-offset: 4px; }
.fiore-q__scelte { display: grid; gap: 10px; }
.fiore-q__scelta { min-height: 56px; width: 100%; box-sizing: border-box; padding: 14px 18px; text-align: left; cursor: pointer; font: 400 16px/1.35 var(--wp--preset--font-family--sans, sans-serif); color: var(--wp--preset--color--ink, #111); background: var(--wp--preset--color--paper, #fff); border: 1px solid var(--wp--preset--color--ink, #111); border-radius: 0; transition: background-color .15s ease, color .15s ease; }
.fiore-q__scelta:hover { background: var(--wp--preset--color--paper-alt, #f7f6f3); }
.fiore-q__scelta[aria-pressed="true"] { background: var(--wp--preset--color--ink, #111); color: var(--wp--preset--color--paper, #fff); }
.fiore-q__scelta:focus-visible { outline: 2px solid var(--wp--preset--color--ink, #111); outline-offset: 3px; }
@media (min-width: 620px) { .fiore-q__passo:not(.fiore-q__passo--extra) .fiore-q__scelte { grid-template-columns: 1fr 1fr; } .fiore-q__passo--extra .fiore-q__scelte { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fiore-q__indietro { justify-self: start; min-height: 44px; padding: 6px 0; background: none; border: 0; cursor: pointer; font: 700 13.5px/1.3 var(--wp--preset--font-family--sans, sans-serif); color: var(--wp--preset--color--ink, #111); text-decoration: underline; text-underline-offset: 4px; }
.fiore-q__fine, .fiore-q__senza, .fiore-q__salvato { margin: 0; font: 400 clamp(20px, 2.6vw, 24px)/1.35 var(--wp--preset--font-family--serif, serif); color: var(--wp--preset--color--ink, #111); }
.fiore-q__fine:empty { display: none; }
.fiore-q__fine:focus { outline: none; }
/* Con JavaScript: una schermata alla volta (lo script mette hidden alle altre). */
.fiore-q__form.is-a-schermate .fiore-q__passo--extra { border-top: 1px solid var(--wp--preset--color--line, #e5e3de); padding-top: 18px; }
@media (prefers-reduced-motion: reduce) { .fiore-q__scelta { transition: none; } }
