/* Aspetto del modulo di candidatura: elenchi su più colonne e contatore. */

/* Le caselle vanno in colonna finché c'è spazio: quindici voci una sotto
   l'altra occuperebbero da sole una schermata intera. */
.gpvi-colonne-2 .ff-el-input--content,
.gpvi-colonne-3 .ff-el-input--content {
	columns: 2;
	column-gap: 32px;
}

@media (min-width: 900px) {
	.gpvi-colonne-3 .ff-el-input--content { columns: 3; }
}

@media (max-width: 600px) {
	.gpvi-colonne-2 .ff-el-input--content,
	.gpvi-colonne-3 .ff-el-input--content { columns: 1; }
}

/* Una voce non deve mai spezzarsi fra due colonne. */
.gpvi-colonne-2 .ff-el-form-check,
.gpvi-colonne-3 .ff-el-form-check {
	break-inside: avoid;
	page-break-inside: avoid;
	margin-bottom: 8px;
}

.gpvi-colonne-2 .ff-el-form-check-label,
.gpvi-colonne-3 .ff-el-form-check-label {
	line-height: 1.35;
}

/* Contatore dei caratteri della descrizione. */
.gpvi-conta-caratteri { position: relative; }

.gpvi-contatore {
	display: block;
	margin-top: 6px;
	text-align: right;
	font-size: 13px;
	color: #7A736D;
}

.gpvi-contatore--quasi { color: #C01A2C; }

/* I link dentro le caselle di consenso devono vedersi: erano dello stesso
   grigio del testo e senza sottolineatura, quindi nessuno li riconosceva. */
.frm-fluent-form .ff-el-form-check-label a,
.frm-fluent-form .ff-el-input--label a {
	color: #C01A2C;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}

.frm-fluent-form .ff-el-form-check-label a:hover,
.frm-fluent-form .ff-el-input--label a:hover {
	color: #231F20;
}

/* Modulo a passi: la barra di avanzamento arriva blu dal plugin. */
.frm-fluent-form .ff-el-progress {
	background: #EFECE8;
	border-radius: 999px;
	height: 6px;
	overflow: hidden;
}

.frm-fluent-form .ff-el-progress-bar {
	background: #C01A2C;
	border-radius: 999px;
	font-size: 0; /* la percentuale dentro la barra non serve a chi compila */
}

.frm-fluent-form .ff-el-progress-status,
.frm-fluent-form .ff-el-progress-title {
	margin-bottom: 8px;
	font-size: 13px;
	letter-spacing: .04em;
	color: #7A736D;
}

/* I pulsanti Avanti e Indietro seguono i pulsanti del sito. */
.frm-fluent-form .step-nav { margin-top: 24px; }
.frm-fluent-form .step-nav .ff-btn-next,
.frm-fluent-form .step-nav .ff-btn-prev {
	padding: 12px 26px;
	font-size: 13px;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.frm-fluent-form .step-nav .ff-btn-prev {
	background: transparent;
	color: #7A736D;
	border: 1px solid #DDD8D2;
}
.frm-fluent-form .step-nav .ff-btn-prev:hover { color: #231F20; border-color: #231F20; }