.card-preventivo {
	max-width: 90%;
	margin: 0 auto;
	overflow-x: hidden;
}


.row-indirizzo {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
}
.row-indirizzo-responsive {
    display: flex;
    flex-direction: row;
    gap: 16px;
	margin-right: 1rem;
}

.breadcrumb-mobile {
  display: none;
}

@media (max-width: 768px) {
  .breadcrumb-desktop {
    display: none;
  }
  .breadcrumb-mobile {
    display: block;
  }
}


@media (max-width: 997px) {
	#azienda-fields .form-row {
		flex-wrap: wrap !important;
		gap: 0 !important;
	}
	#azienda-fields .form-row .form-group {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	.container-richiesta {
		max-width: 90vw !important;
		width: 90vw !important;
		box-sizing: border-box;
		margin-left: auto !important;
		margin-right: auto !important;
	}
    /* Forza la visibilità nascosta se il JS imposta display:none */
    /* CAP e Provincia sulla stessa riga in responsive */
    .row-indirizzo-responsive {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
    }
    .row-indirizzo-responsive .form-group-cap,
    .row-indirizzo-responsive .form-group-provincia {
        flex: 1 1 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        display: block !important;
    }
	.card-preventivo {
		max-width: 95vw;
		width: 95vw;
		box-sizing: border-box;
		margin-left: 0 !important;
		margin-right: 15px !important;
		overflow-x: hidden;
		display: flex;
        flex-direction: column;
        align-items: center;
	}
	.preventivo-form .form-control {
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}
}
/* Forza i campi Nome e Cognome su una riga */
#azienda-fields .form-row {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
	justify-content: center;
	align-items: center;
}

.row-tipo-cliente {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.row-tipo-cliente .form-group {
	margin-bottom: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

.row-tipo-cliente label[for="tipoCliente"] {
	margin-bottom: 20px;
	white-space: nowrap;
}



#tipoCliente {
	max-width: 16rem;
	margin-bottom: 15px;
}

#azienda-fields .form-control {
	height: 40px !important;
}

.container-richiesta{
	max-width: 90%;
}

.btn-invia {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 15rem;
	display: flex;
	justify-self: right;
	align-self: right;
	justify-content: center; 
  	align-items: center;  
}

.form-note {
	min-height: 120px !important;
	height: 120px !important;
	resize: vertical;
}