/* Contenitore modale */
.modal {
  display: none; /* Modale nascosta di default */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Overlay semitrasparente */
  padding: 20px; /* Un po' di padding per migliorare l'area cliccabile */
}

/* Contenuto della modale */
.modal-content {
  background-color: #fff;
  margin: 10% auto; /* Centrato verticalmente */
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 500px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Aggiunto un'ombra per maggiore profondità */
  font-family: Arial, sans-serif; /* Impostato un font leggibile */

}

/* Bottone di chiusura */
.close {
  float: right;
  font-size: 24px;
  color: #555;
  cursor: pointer;
  transition: color 0.3s ease; /* Aggiunta transizione per l'effetto hover */
}

.close:hover {
  color: #FF960F; /* giallo */
}

/* Titoli delle sezioni */
h4 {
  color: #333; /* Colore del testo per i titoli */
  font-size: 1.2em;
  margin-bottom: 10px;
  font-weight: 600; /* Titoli più prominenti */
}

/* Stile per le liste */
.shipping-info, .delivery-times {
  list-style: none; /* Rimuove i pallini da elenco */
  padding-left: 0;  /* Rimuove il padding iniziale *
line-height: 1.5; /* Altezza della linea per migliorare la leggibilità */
}

.shipping-info li, .delivery-times li {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 1em;
  color: #444;
  
}


.shipping-info li:last-child, .delivery-times li:last-child {
  border-bottom: none; /* Rimuove la linea separatrice nell'ultimo elemento */
}

.shipping-info li strong, .delivery-times li strong {
  color: #003366; /* Colore blu per i termini chiave */
  font-weight: bold;
}

.shipping-info li:hover, .delivery-times li:hover {
  background-color: #f9f9f9; /* Leggero cambio di sfondo al passaggio del mouse */
  cursor: pointer; /* Aggiungi un indicatore di clic */
}

@media (max-width: 768px) {
  .shipping-info, .delivery-times {
    padding-left: 0; /* Rimuove padding e margine extra */
    margin-left: 0;
  }
  .shipping-info li, .delivery-times li {
    padding-left: 0; /* Allinea gli elementi a sinistra */
    text-align: left;
  }
}