/* Conteneur principal */
.disponibilites-container {
  max-width: 800px;
  margin: 0 auto;
}

/* Blocs de disponibilité */
.disponibilites-block {
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
  font-size: 0.8em;
  line-height: 1.5;
}
.disponibilites-block-details {
  font-size: 1.1em;
}

/* Titre des rendez-vous */
.disponibilites-titre {
  font-size: 1.4em; /* Taille légèrement plus grande */
  font-weight: normal;
  margin-top: 40px; /* Grand espacement entre les RDV */
  margin-bottom: 10px;
}

/* Appliquer les mêmes couleurs aux cadres uniquement, pas aux liens */
.disponibilites-vert,
.disponibilites-orange,
.disponibilites-rouge {
  border: 3px solid;
  background-color: #e8f5e9;
}

.disponibilites-vert {
  border-color: #28a745;
}

.disponibilites-orange {
  border-color: #ff9800;
  background-color: #fff3e0;
}

.disponibilites-rouge {
  border-color: #dc3545;
  background-color: #fdecea;
}

/* Carré coloré pour chaque catégorie */
.disponibilites-carre {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px;
  min-height: 15px;
  display: inline-block;
  flex-shrink: 0;
  margin-right: 10px;
  border-radius: 3px;
}

.disponibilites-carre-vert {
  background-color: #28a745;
  border: 3px solid #28a745;
}

.disponibilites-carre-orange {
  background-color: #ff9800;
  border: 3px solid #ff9800;
}

.disponibilites-carre-rouge {
  background-color: #dc3545;
  border: 3px solid #dc3545;
}

/* Légende */
.disponibilites-legende {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.disponibilites-legende li {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

/* Supprime l'effet de couleur des liens pour qu'ils restent noirs */
.disponibilites-sous-liste a {
  text-decoration: none;
}

.disponibilites-sous-liste a:hover {
  text-decoration: underline;
}

/* Séparateur */
.disponibilites-separator-main {
  width: 50%;
  max-width: 300px;
  margin: 30px auto 15px;
  border: none;
  border-top: 2px solid #ccc;
}

/* Séparateur */
.disponibilites-separator {
  width: 50%;
  max-width: 300px;
  margin: 15px auto;
  border: none;
  border-top: 2px solid #ccc;
}

/* Sous-liste des disponibilités */
.disponibilites-sous-liste {
  padding-left: 30px;
  margin-top: 5px;
}

.disponibilites-sous-liste li {
  font-size: 1.2em;
  text-align: left;
  margin-bottom: 3px;
}

/* Liens colorés selon la disponibilité */
.disponibilites-sous-liste a.disponibilites-vert {
  color: #28a745; /* Vert */
}

.disponibilites-sous-liste a.disponibilites-orange {
  color: #ff9800; /* Orange */
}

.disponibilites-sous-liste a.disponibilites-rouge {
  color: #dc3545; /* Rouge */
}

/* Assurer que les liens ne sont pas entourés de bordures */
.disponibilites-sous-liste a {
  text-decoration: none;
  font-weight: bold;
}

.disponibilites-sous-liste a:hover {
  text-decoration: underline;
}


/* Supprime la bordure des liens en utilisant une classe spécifique pour eux */
.lien-disponibilites-vert {
  color: #28a745 !important; /* Vert */
  border: none !important;
}

.lien-disponibilites-orange {
  color: #ff9800 !important; /* Orange */
  border: none !important;
}

.lien-disponibilites-rouge {
  color: #dc3545 !important; /* Rouge */
  border: none !important;
}

/* Assurer que les liens ne sont pas entourés de bordures */
.disponibilites-sous-liste a {
  text-decoration: none;
  font-weight: bold;
  border: none !important; /* Supprime toute bordure */
  padding: 0; /* Empêche toute mise en forme involontaire */
  background: none; /* Empêche l'effet de fond coloré */
}

.disponibilites-sous-liste a:hover {
  text-decoration: underline;
}