/* Ajout d'un effet néon autour des cases */
.table-container td, 
.table-container th {
  border: 2px solid rgba(255, 0, 255, 0.6); /* Bordure néon rose */
  box-shadow: 0 0 10px rgba(255, 0, 255, 0.8); /* Effet néon */
  padding: 10px; /* Amélioration de l'espacement */
}

/* Amélioration de la lisibilité du texte */
.table-container td, 
.table-container th {
  color: #fff; /* Texte blanc */
  text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.6); /* Ombre blanche légère */
  font-size: 16px; /* Taille de police lisible */
}

/* Ajout d'un léger glow sur le texte au survol */
.table-container td:hover {
  text-shadow: 0 0 8px rgba(255, 255, 255, 1);
  transition: text-shadow 0.3s ease-in-out;
}

/* Ajustement du fond pour correspondre à l’esthétique */
.table-container {
  background-color: #0d0d0d; /* Fond noir profond */
}

/* Amélioration de l'affichage des heures */
td.time {
  font-weight: bold;
  color: #ff00ff; /* Rose néon */
  text-shadow: 0 0 5px rgba(255, 0, 255, 0.8);
}