/* Conteneur principal */
.calendar-container {
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 20px;
}

/* Carte calendrier */
.calendar-card {
    background: var(--color-card);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.fc-event {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-white)!important;
}


/* FullCalendar overrides */
.fc-toolbar-title {
    font-weight: 700;
    color: var(--color-text);
}

.fc-button-primary {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.fc-button-primary:hover {
    background-color: var(--color-primary) !important;
}

/* Event hover */
.fc-event:hover {
    filter: brightness(1.1);
    cursor: pointer;
}

.fc .fc-button-group .fc-button {
    border-radius: 6px !important;
    margin-right: 4px;
    border-right: 1px solid rgba(0,0,0,0.15) !important;
}

/* Le dernier bouton n’a pas de séparateur */
.fc .fc-button-group .fc-button:last-child {
    border-right: none !important;
}


/* -----------------------------------
   MOBILE : Réorganisation complète
----------------------------------- */
@media (max-width: 768px) {

    /* On met tout en colonne */
    .fc-header-toolbar {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        align-items: center !important;
        text-align: center;
    }

    /* Masquer les boutons Mois / Semaine / Jour */
    .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
        display: none !important;
    }

    /* CHUNK 3 = NAVIGATION  → Doit être PREMIER */
    .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
        order: 1;
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 8px;
    }

    /* CHUNK 2 = Titre (novembre 2025) → TROISIÈME */
    .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
        order: 3;
        width: 100%;
    }

    /* Titre centré */
    .fc-toolbar-title {
        font-size: 1.3rem;
        font-weight: 700;
        width: 100%;
        text-align: center;
    }

    /* Boutons de vue plus larges */
    .fc-button-group .fc-button {
        flex: 1;
        margin: 0 4px !important;
        border-radius: 6px !important;
    }
}


/* -----------------------------------
   Modale : couleur des icônes de date
----------------------------------- */

/* Icône de la date de début */
.modal-icon-start {
    color: var(--color-accent-2); 
    margin-right: 6px;
}

/* Icône de la date de fin */
.modal-icon-end {
    color: var(--color-secondary); 
    margin-right: 6px;
}

/* Alignement harmonieux */
.modal-date {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--color-text);
}

.modal-date-label {
    font-weight: 600;
}



/* Numéros de jours */
.fc-daygrid-day-number {
    color: var(--color-secondary);
    font-weight: 500;
}

/* Jours de la semaine */
.fc-col-header-cell-cushion {
    color: var(--color-secondary);
    font-weight: 600;
}

/* Supprimer l'effet lien */
.fc a {
    text-decoration: none;
}