/* Réinitialiser les couleurs des liens et du texte dans le calendrier */
.fc-daygrid-day-number {
    color: #333 !important; /* Remet la couleur par défaut */
    text-decoration: none !important; /* Enlève le soulignement */
}

.fc-col-header-cell a {
    color: #333 !important; /* Change la couleur des noms des jours */
    text-decoration: none !important; /* Enlève le soulignement */
}

/* Personnalisation des boutons FullCalendar */
.fc-button {
    background-color: #4CAF50 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
}

.fc-button:hover {
    background-color: #388E3C !important;
}

.fc-button-primary {
    background-color: #4CAF50 !important;
    border: none !important;
}

.fc-button-primary:hover {
    background-color: #388E3C !important;
}

/* Réinitialisation des bordures des jours */
.fc-daygrid-day {
    border: 1px solid #ddd !important;
}

/* Section du calendrier */
#calendar-section {
    margin: 30px auto;
    text-align: center;
}

/* Section du calendrier */
#calendar-container {
    max-width: 100%; /* Permet au calendrier de s'adapter à la largeur de l'écran */
    margin: 0 auto;
    padding: 10px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow-x: auto; /* Ajoute un scroll horizontal si nécessaire */
    box-sizing: border-box; /* Prend en compte les marges et le padding */
}

/* Réglage pour les petits écrans */
@media (max-width: 768px) {
    .fc-toolbar {
        flex-wrap: wrap; /* Permet de passer à plusieurs lignes */
        justify-content: center;
        gap: 10px;
    }

    .fc-toolbar-chunk {
        flex: 1 1 100%; /* Chaque élément prend toute la largeur */
        text-align: center;
    }

    #calendar-container {
        padding: 5px;
        height: auto; /* Ajuste la hauteur automatiquement */
    }

    .fc-daygrid-day {
        min-width: 30px; /* Assure que les jours soient visibles même sur des écrans étroits */
    }

    .fc-daygrid-event {
        font-size: 0.8rem; /* Réduit la taille des événements si affichés */
    }
    .fc-toolbar .fc-toolbar-title {
        font-size: 1.2rem; /* Réduit la taille de la police pour les titres */
        margin-bottom: 10px; /* Ajoute un espace en bas pour éviter les chevauchements */
    }
    .fc-daygrid {
        font-size: 0.9rem; /* Réduit légèrement la taille des cases */
    }
}

/* Réduction de la hauteur des lignes dans le calendrier */
.fc .fc-daygrid-day-frame {
    height: 60px; /* Ajuste légèrement la hauteur des cellules */
}

.fc .fc-daygrid-day-events {
    max-height: 50px; /* Limite la hauteur des événements */
    overflow: hidden;
}

/* Ajustement de la taille de la police */
.fc {
    font-size: 0.9rem; /* Réduit légèrement la taille des textes du calendrier */
}

.fc-toolbar-title {
    font-size: 1.4rem; /* Taille plus grande pour le titre */
}

.fc-button {
    font-size: 0.95rem; /* Taille des boutons légèrement augmentée */
    padding: 6px 12px; /* Ajustement du padding des boutons */
}

/* Footer */
footer {
    background-color: #212529;
    color: #ffffff;
    text-align: center;
    padding: 1.5rem 0;
    margin-top: 0;
}

footer p {
    margin: 0;
    font-size: 0.9rem;
}