#calendar {
  background-color: #3d4051;
  border-radius: 8px;
  padding: 1em;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  max-width: 750px;
  margin: 1em auto;
  min-height: 550px;
  color: #fff; /* Texte par défaut blanc */
}

.fc {
  color: #fff;
  font-family: Arial, sans-serif;
}

/* Bordures en gris clair pour contraste */
.fc td, .fc th {
  border: 1px solid #666 !important;
}

/* Fond des jours */
.fc-daygrid-day {
  background-color: #4a4f63; /* légèrement plus clair que le fond principal */
}

/* Numéros des jours en blanc */
.fc-daygrid-day-number {
  color: #fff;
  font-weight: bold;
  padding: 4px;
}

/* En-têtes des colonnes (jours de la semaine) */
.fc-col-header-cell {
  color: #fff !important;
  background-color: #3d4051;
  font-weight: bold;
}

/* Titre du mois */
.fc-toolbar-title {
  color: #fff;
  font-size: 1.0em;
}

/* Boutons navigation */
.fc-button {
  background-color: #5a6074;
  border: 1px solid #777;
  color: #fff;
  font-weight: bold;
}

.fc-button:hover {
  background-color: #737a8d;
}

/* Amélioration du hover sur les jours */
.fc-day:hover {
  background-color: #5a6074;
}

/* Pour garder la lisibilité des textes invisibles (ex: sr-only) */
.sr-only {
  position: absolute !important;
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip: rect(0,0,0,0); 
  border: 0;
}

/* Footer et liens restent inchangés */
ul.copyright li:last-child a {
  color: #aaa;            
  font-size: 0.9em;       
  text-decoration: underline dotted; 
  cursor: pointer;
  transition: color 0.3s ease;
}

ul.copyright li:last-child a:hover {
  color: #3b82f6;
}

/* Champ date */
#date {
    color: #000;             /* texte noir */
    background-color: #fff;  /* fond blanc */
    border: 1px solid #ccc;  /* bordure */
    padding: 0.5em;
    font-size: 1em;
}

/* Pour Chrome / Safari : forcer couleur du texte et icône calendrier */
#date::-webkit-datetime-edit {
    color: #000;
}
#date::-webkit-inner-spin-button,
#date::-webkit-calendar-picker-indicator {
    color: #000;
}
