/* =================================================================
BASE WIZARD STYLES (ASSUMENDO BOOTSTRAP GRID)
================================================================= */

.wizard-wrapper {
	overflow: hidden;
}

/* 🎯 FIX: Stili per il layout Verticale */
.step-indicator {
	/* Rimuoviamo il flex orizzontale */
	display: block;
	border-bottom: none;
	padding: 0;
	margin-bottom: 0;
	white-space: normal;
	overflow-x: hidden;
}

.step-indicator .step {
	/* Stile per i blocchi verticali */
	padding: 10px 15px;
	margin-bottom: 5px; /* Spazio tra gli step nell'indice */
	cursor: pointer;
	border-radius: 5px;
	text-align: left;
	transition: background-color 0.3s;
	font-weight: 500;
}

.step-indicator .step.active {
	background-color: #007bff; /* Blu di Bootstrap */
	color: white;
}

.step-indicator .step.completed {
	background-color: #28a745; /* Verde di Bootstrap */
	color: white;
}

/* Assicurati che il contenuto del form sia visibile solo per lo step attivo */
.wizard-content .step-content {
	display: none;
	/* Aggiunge padding e linea di separazione con l'indice */
	padding: 15px;
	border-left: 1px solid #ddd;
}

.wizard-content .step-content.active {
	display: block;
}


/* =================================================================
FIX: Posizionamento dei Tooltip di Validazione Rossi (Distanti)
================================================================= */

/* Targetta i tooltip rossi per posizionarli sotto l'input-group */
.col-md-6 .input-group > .invalid-tooltip,
.col-md-12 .input-group > .invalid-tooltip,
.col-4 .input-group > .invalid-tooltip,
.col-8 .input-group > .invalid-tooltip,
.col-12 .input-group > .invalid-tooltip {
	top: 100% !important;
	left: 0 !important;
	margin-top: 5px !important;
	z-index: 1050;
}

/* Fix specifico per la checkbox (Step 7) */
.form-check.position-relative > .invalid-tooltip {
	top: 100% !important;
	left: 0 !important;
	margin-top: 5px !important;
}

/* Rende visibile il contenitore error-field in caso di errore di validazione JS */
.error-field {
	border: 1px solid #dc3545 !important;
}

/* Fix Colori dei Pulsanti (Ridefinizione esplicita) */

/* Pulsante AVANTI (Primary - Blu) */
.primary-btn {
	background-color: #0d6efd !important;
	border-color: #0d6efd !important;
	color: white !important;
}

/* Pulsante INDIETRO (Secondary - Grigio) */
.secondary-btn {
	background-color: #6c757d !important;
	border-color: #6c757d !important;
	color: white !important;
}

/* Pulsante INVIA TUTTO (Success - Verde) */
.success-btn {
	background-color: #198754 !important;
	border-color: #198754 !important;
	color: white !important;
}

/* Assicurati che i pulsanti mantengano il colore del testo scuro quando sono outline */
.btn-outline-primary {
	color: #0d6efd !important;
	border-color: #0d6efd !important;
}