body {
  background-color: #f8f9fa;
}

.main-container {
  max-width: 75%;
  margin: 50px auto;
  background: white;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 30px;
}

.section-title {
  margin-bottom: 2rem;
}

/* Menu laterale */
.step-menu {
  list-style: none;
  padding: 0;
}

.step-menu .step-item {
  margin-bottom: 10px;
  padding: 10px 15px;
  border-left: 4px solid transparent;
  color: #6c757d; /* colore base voci non attive */
  cursor: pointer;
  position: relative;
}

.step-menu .step-item.active {
  color: #00336a; /* blu bottoni */
  font-weight: 600;
  border-left-color: #00336a; /* stanghetta blu */
  padding-left: 11px; /* compensazione per il bordo */
}

/* Divider */
.sezione-divider {
  border-top: 4px solid #979797;
  margin: 2rem 0 1rem 0;
}

/* Form step */
.form-step {
  display: none;
}
.form-step.active {
  display: block;
}

/* Radio e checkbox personalizzati */
.form-check {
  margin-bottom: 0.5rem;
}
.form-check-input:checked {
  background-color: #00336a;
  border-color: #00336a;
}
.form-check-input:focus {
  border-color: #00336a;
  box-shadow: 0 0 0 0.2rem rgba(0, 45, 153, 0.25);
}

/* Bottoni */
/* Avanti e Invia */
.btn-avanti,
.btn-invia {
  background-color: #00336a;
  color: #fff;
  border: none;
}
.btn-avanti:hover,
.btn-invia:hover {
  background-color: #01185e; /* Blu più scuro al passaggio */
  color: #fff; /* testo rimane bianco */
}

/* Indietro */
.btn-indietro {
  background-color: #c5c6c8; /* grigio */
  color: #fff; /* testo bianco */
  border: none;
}
.btn-indietro:hover {
  background-color: #afafaf; /* leggermente più scuro al passaggio */
  color: #fff; /* testo rimane bianco anche al passaggio */
}

#browseBtn {
  border-color: #00336a; /* bordo blu scuro */
  color: #00336a; /* testo blu scuro */
  transition: all 0.3s ease; /* transizione morbida */
}

#browseBtn:hover {
  background-color: #00336a; /* sfondo blu scuro al passaggio */
  color: #ffffff; /* testo bianco al passaggio */
  border-color: #00336a; /* mantieni il bordo blu scuro */
}
