.container {
 max-width: 100%;
 margin: 40px auto;
 background: #ffffff;
 padding: 0px;
 border-radius: 8px;
}

.contatti {
 display: flex;
 gap: 40px; /* spazio tra le colonne */
 flex-wrap: wrap;
 margin-top: 0px; /* diminuisce lo spazio sopra */
}

.box {
 flex: 1;
 min-width: 280px;
}

.info p {
 font-size: 16px;
 margin: 12px 0;
}

.info i {
 color: #f4b400;
 margin-right: 10px;
}

.social a {
 font-size: 22px;
 color: #333;
 margin-right: 15px;
 text-decoration: none;
}

 .social a:hover {
  color: #f4b400;
 }

.form-contatti input,
.form-contatti textarea,
.form-contatti select,
.form-contatti input[type="file"] {
 width: 100%;
 padding: 10px;
 margin-bottom: 12px;
 border-radius: 4px;
 border: 1px solid #ccc;
 font-size: 14px;
}

 .form-contatti button,
 .form-contatti input[type="submit"] {
  background: #f4b400;
  border: none;
  padding: 12px 25px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
 }

  .form-contatti button:hover,
  .form-contatti input[type="submit"]:hover {
   background: #e0a800;
  }

.privacy {
 margin-bottom: 12px;
 text-align: left;
 display: flex; /* Forza gli elementi sulla stessa riga */
 align-items: flex-start; /* Allinea in alto se il testo è lungo */
 gap: 8px; /* Spazio tra checkbox e testo */
}

 /* Rimuoviamo larghezze forzate che ASP.NET potrebbe applicare */
 .privacy input[type="checkbox"] {
  width: auto !important;
  margin: 4px 0 0 0 !important; /* Margine superiore per centrare con la prima riga di testo */
  cursor: pointer;
  flex-shrink: 0; /* Impedisce alla checkbox di rimpicciolirsi */
 }

 .privacy label {
  display: inline-block;
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
  margin: 0;
 }

iframe {
 width: 100%;
 height: 300px;
 border: 0;
 border-radius: 8px;
 margin-top: 15px;
}

.orari {
 line-height: 1.6;
}

 .orari strong {
  color: #0f2c64;
 }

.orari-box {
 margin-top: 20px;
}

 .orari-box i {
  margin-right: 6px;
  color: #0f2c64;
 }

.orari-table {
 width: 100%;
 border-collapse: collapse;
 margin-top: 10px;
 font-size: 14px;
}

 .orari-table td {
  padding: 8px 6px;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
 }

  .orari-table td:first-child {
   font-weight: 600;
   color: #0f2c64;
   width: 55%;
  }

.whatsapp {
 margin-top: 10px;
}

 .whatsapp i {
  color: #25D366;
  font-size: 18px;
  margin-right: 6px;
 }

 .whatsapp a {
  font-weight: 600;
  color: #25D366;
  text-decoration: none;
 }

  /*.whatsapp a:hover {
   text-decoration: none;*/ /* togli sottolineatura al passaggio del mouse */
  /*}*/

/* STILE MENU A TENDINA */
.form-contatti select {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: #fff url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><polygon points='0,0 12,0 6,6' fill='%230f2c64'/></svg>") no-repeat right 10px center;
 background-size: 12px 12px;
 padding-right: 30px;
 cursor: pointer;
}

/* FILE UPLOAD */
.form-contatti input[type="file"] {
 border: 1px solid #ccc;
 border-radius: 4px;
 padding: 6px 10px;
}

/* PICCOLA SPACCIATURA PER ETICHETTE FILE UPLOAD */
.form-contatti small {
 display: block;
 font-size: 12px;
 color: #666;
 margin-bottom: 12px;
}