body {
  font-family: 'Dosis', sans-serif;
  color: #385676;
}

.col-pad {
  padding-top: 10px;
}

.pad-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.datepicker-inline .datepicker {
  width: 100%;
  border-radius: 0;
}

.datepicker-inline {
  width: 100%;
}

.datepicker table {
  width: 100%;
}

.datepicker table tr td.day {
  color: black;
  font-weight: 700;    
}

.datepicker table tr td.day:hover {
  color: white;
  background-color: #7c9ac4;
  background-image: none;
}

.datepicker table tr td.active.active {
  color: white;
  font-weight: 700;
  background-color: #7c9ac4;
  background-image: none;
}


.datepicker table tr td.active.active:hover {
  color: white;
  background-color: #7c9ac4;
  background-image: none;
}

.datepicker table tr td.disabled {
  color: #999;
  font-weight: 100;
}

.datepicker table tr td.disabled:hover {
  color: #999;
  font-weight: 100;
  background-color: white !important;
  background-image: none;
}

@media (max-width: 800px) {
  .icona-clinica, .icona-medico {
    max-width: 4em;
  }

  #logo-container {
    text-align: center;
  }

  #logo {
    min-width: 95%;
    max-width: 95%;
  }

  .inputnascita {
    width: 100%;
  }

  #calendar-container .next, #calendar-container .prev {
    font-size: 7pt;
  }

  #calendar-container .datepicker-days .next,
  #calendar-container .datepicker-days .prev {
    font-size: 0; /* nasconde il testo */
  }

  #calendar-container .datepicker-days .next::after {
    content: '→';
    font-size: 16px; /* reimposti la dimensione per la freccia */
  }

  #calendar-container .datepicker-days .prev::after {
    content: '←';
    font-size: 16px;
  }

}

@media (min-width: 801px) {
  .contenitore {
    width: 70%;
  }

  #logo {
    min-width: 50%;
    max-width: 50%;
  }

  .datepicker-inline .datepicker {
    font-size: 1.5em;
  }                

  .datepicker-days .day {
    padding: 1.5em;
  }

  .icona-clinica {
    width: 75px;
  }

  .icona-medico {
    width: 8em;
  }

  #calendar-container .next, #calendar-container .prev {
    font-size: 10pt;
    }
}

.quadratino {
  border-radius: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: grey;
}

.quadratino:hover, .quadratino:active {
  background-color: #7c9ac4 !important;
  color: white !important;
}

.btn-check:checked+.btn {
  background-color: #7c9ac4 !important;
  color: white !important;
}

.whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 15px;
  overflow: hidden;
  font-size: 20px;
  cursor: pointer;
  padding: 10px 15px;
  border: none;
  text-decoration: none;
  color: #677170;
  z-index: 9999 !important;
}

.bi-arrow-left-circle, .bi-arrow-right-circle {
  cursor: pointer;
  color: #385676;
}
        
.link-sanders {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

.link-sanders:active, .link-verde:hover {
  color:#7c9ac4;
}

.link-sanders:hover, .link-verde:hover {
  color:#7c9ac4;
}

.input-sanders {
  border: 2px solid #555;
}

.input-sanders:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.btn-sanders {
  font-weight: bold;
  background-color: #385676;
  color: white;
}

.btn-sanders:hover, .btn-sanders:active {
  background-color: #7c9ac4 !important;
  color: white !important;
}

.btn-calendar {
  font-weight: bold;
  color: white;
  background-color: #385676;
}

.btn-calendar:hover, .btn-calendar:active {
  background-color: #7c9ac4 !important;
  color: white !important;
}

.form-select-sanders {
  background-image: none !important; /* rimuove freccetta originale */
}

.btn-telefono {
  background-color: #078933;
  color: white;
  font-weight: bold;
}

.btn-telefono:hover, .btn-telefono:active {
  background-color: #7c9ac4 !important;
  color: white !important;
}

.btn-modulo {
  background-color: #f5333f;
  color: white;
  font-weight: bold;
}

.btn-modulo:hover, .btn-modulo:active {
  background-color: #7c9ac4 !important;
  color: white !important;
}

.alert-sanders {
  background-color: #d1dfea !important;
}

.form-check-input:checked {
    background-color: #385676;
    border-color: #385676;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(56, 86, 118, 0.5);
    border-color: #385676;
}

.controlloInput:focus {
    box-shadow: 0 0 0 0.25rem rgba(56, 86, 118, 0.5);
    border-color: #385676;
}

.min-vh-75 {
  min-height: 75vh !important;
}

ul.sedi-footer, ul.social-footer, ul.privacy-footer, ul.servizi-footer {
    list-style: none;       /* rimuove i bullet points */
    padding: 0;
    margin: 0;
}

ul.sedi-footer li, ul.privacy-footer li {
    display: inline;        /* tutti sulla stessa riga */
    margin-right: 2px;      /* spazio tra elementi */
}

ul.social-footer li {
  display: inline-block;
  margin-right: 8px;
}

/* Aggiunge il trattino dopo ogni elemento tranne l’ultimo */
ul.sedi-footer li:not(:last-child)::after {
    content: " -";
}

.link-footer {
  color: #385676;
  text-decoration: none;
  display: inline-block; /* necessario per trasformazioni */
  transition: transform 0.3s ease; /* transizione base */
}

.link-footer:active {
  color:#7c9ac4;
}

.link-footer:hover {
  color:#7c9ac4;
  animation: bounce-right 0.4s ease; /* chiama l'animazione */
}

.celeste {
    color: #97b7e5 !important;
}

.link-verde {
  color: rgb(0, 182, 0);
  font-weight: bold;
}

.cerchio {
  width: 2.5em;
  height: 2.5em;
  background-color: #f5333f;
  border-radius: 50%;
  align-items: center;
  color: white !important;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cerchio:hover {
  background-color: #7c9ac4;
}

@keyframes bounce-right {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(8px); } /* spostamento a destra */
    70%  { transform: translateX(4px); } /* piccolo rimbalzo indietro */
    100% { transform: translateX(0); } /* ritorna alla posizione originale */
}