/* Il modulo di prenotazione del sito nuovo. Prende il posto di quello di Forminator, che portava
   con se' otto fogli di stile, sei script e un font da un altro dominio. Qui: un foglio, uno script.
   I colori sono quelli del tema (il giallo dei bottoni e il testo scuro delle pagine). */

.kb-modulo {
	max-width: 780px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

/* I gruppi che si mostrano solo in certi casi usano l'attributo hidden. Senza questa riga il
   display:flex di .kb-due vincerebbe per specificita' e i due campi del noleggio resterebbero a
   schermo anche a chi chiede una lezione, con in piu' il fatto che quello che ci scrive dentro non
   verrebbe mandato (lo script raccoglie solo i gruppi non nascosti). Trovato in revisione il
   20/09/2026, prima che lo vedesse un cliente. */
.kb-modulo [hidden] {
	display: none !important;
}

.kb-modulo .kb-campo {
	margin: 0 0 18px;
}

.kb-modulo .kb-aiuto {
	margin: 6px 0 0;
	color: #5c6470;
	font-size: 14px;
}

.kb-modulo label {
	display: block;
	margin: 0 0 6px;
	font-weight: 600;
}

.kb-modulo .kb-obb {
	color: #c0392b;
}

.kb-modulo input[type="text"],
.kb-modulo input[type="email"],
.kb-modulo input[type="tel"],
.kb-modulo input[type="date"],
.kb-modulo select,
.kb-modulo textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 12px;
	border: 1px solid #c9ced6;
	border-radius: 6px;
	background: #fff;
	color: inherit;
	font: inherit;
}

.kb-modulo input:focus,
.kb-modulo select:focus,
.kb-modulo textarea:focus {
	outline: 2px solid #f9b233;
	outline-offset: 1px;
	border-color: #f9b233;
}

.kb-modulo .kb-due {
	display: flex;
	gap: 18px;
}

.kb-modulo .kb-due > .kb-campo {
	flex: 1 1 0;
	min-width: 0;
}

/* Sul telefono le due colonne diventano una: i campi restano larghi abbastanza da scriverci. */
@media (max-width: 640px) {
	.kb-modulo .kb-due {
		display: block;
	}
}

.kb-modulo .kb-nota {
	margin: 0 0 18px;
	padding: 12px 14px;
	background: #f6f7f9;
	border-radius: 6px;
}

.kb-modulo .kb-nota-titolo {
	font-weight: 600;
}

.kb-modulo .kb-nota p {
	margin: 4px 0 0;
}

.kb-modulo .kb-errore {
	display: none;
	margin: 6px 0 0;
	color: #c0392b;
	font-size: 14px;
}

.kb-modulo .kb-errore.kb-visibile {
	display: block;
}

.kb-modulo .kb-campo.kb-sbagliato input,
.kb-modulo .kb-campo.kb-sbagliato select,
.kb-modulo .kb-campo.kb-sbagliato textarea {
	border-color: #c0392b;
}

.kb-modulo .kb-esito {
	margin: 0 0 12px;
	min-height: 1px;
}

.kb-modulo .kb-esito.kb-male {
	color: #c0392b;
	font-weight: 600;
}

.kb-modulo .kb-invia {
	display: inline-block;
	padding: 13px 34px;
	border: 0;
	border-radius: 6px;
	background: #f9b233;
	color: #1c1c1c;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.kb-modulo .kb-invia:hover {
	background: #e5a12c;
}

.kb-modulo .kb-invia[disabled] {
	opacity: .6;
	cursor: default;
}

/* Le pagine di ringraziamento: lo stesso foglio le veste, cosi' non serve un file in piu'. */
.kb-grazie .entry-content-wrap p {
	margin: 0 0 14px;
	font-size: 17px;
	line-height: 1.6;
}

.kb-grazie-link {
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
}

.kb-grazie-link li {
	margin: 0 0 6px;
}

.kb-grazie-link a {
	font-weight: 600;
}

/* Il campo trappola: fuori dallo schermo, non nascosto con display:none. Chi riempie i moduli in
   automatico legge il foglio di stile sempre meno, ma un campo display:none lo salta comunque. */
.kb-modulo .kb-trappola {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}