/* Iscrizione persona fisica e separatore della sidebar.
   Caricato in ordine dopo gli altri file override (site, forms, content, customer, order-request, extras):
   la cascata è quella di un unico foglio. */

/* Form di iscrizione, persona fisica: Titolo / Nome / Cognome sulla stessa riga in proporzione
   20% / 40% / 40% (flex 1:2:2, il gap è tolto prima di dividere). Sotto i 768px le colonne si
   impilano come nel resto del tema. */
.subscribe-name-row {
	display: flex;
	gap: 2%;
}

.subscribe-name-row .columns {
	float: none;
	width: auto;
	margin-left: 0;
	flex: 2 1 0;
	min-width: 0;
}

.subscribe-name-row .columns:first-child {
	flex: 1 1 0;
}

/* Il clearfix del tema (.row:before/:after, display:table) in un flex container diventa un
   elemento flessibile e il gap sposta a destra tutto, titolo compreso. */
.subscribe-name-row::before,
.subscribe-name-row::after {
	display: none;
}

.subscribe-name-row .form-select {
	width: 100%;
	box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
	.subscribe-name-row {
		display: block;
	}
}

/* Riga di separazione nella sidebar, prima di "Tutti i documenti" (layouts/public.cfm) */
.sidebar-separator {
	border: 0;
	border-top: 1px solid #ddd;
	margin: 20px 0;
}
