#calendar {
    background-color: #1f1f1f;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    padding: 5px;
    font-size: 1rem;
}

@media screen and (min-width: 992px) {
    #calendar {
        padding: 25px;
        border-radius: 25px;
    }
}

.user-calendar {
    width: 100%;
}

.fc-toolbar-title {
    font-size: 2rem;
    font-weight: bold;
    color: #F5F5F5;
}

.fc-daygrid-day-frame {
    background-color: #323232;
    border: none;
}

a.fc-daygrid-day-number {
    color: #F5F5F5;
    text-decoration: none;
}

/* Entête */
.fc-col-header-cell {
    background-color: #8E271F !important;
    color: #F5F5F5;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}

.fc-day-disabled {
    background-color: #f1f1f1 !important;
    color: #ccc !important;
}


/* Style des boutons de navigation */
.fc-button-primary {
    background: linear-gradient(135deg, #8E271F, #FEE183);
    border: none;
}

.fc-button:focus {
    outline: none !important;
    box-shadow: none !important;
  }

/* Evenements */
.fc-event-time {
    display:none;
}

.fc-event-title {
    color: white;
    font-size: 0.5rem;
}

.fc-event-title,
.fc-event-main {
    white-space: normal !important;  /* Permet le retour à la ligne */
    overflow: visible !important;    /* Empêche la coupure du contenu */
    text-overflow: unset !important;
    word-break: break-word;          /* Coupe les mots longs si nécessaire */
}


/* Container des dates */
a.fc-col-header-cell-cushion {
    color: white;
    text-decoration: none;
}

#calendar > div.fc-view-harness.fc-view-harness-passive > div.fc-timeGridWeek-view.fc-view.fc-timegrid > table > tbody > tr > td > div > div > div > div.fc-timegrid-slots > table > tbody > tr {
    height: 50px;
}

/* Style des colonnes des dates désactivées (date précédents la date actuelle) */
.fc-timegrid-col.fc-day-disabled .fc-timegrid-col-frame::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f1f1;
    z-index: 5;
    pointer-events: none;
}

.fc-timegrid-col.fc-day-disabled {
    position: relative;
}

/* légende */
.legend-item {
    color: #D7D7D7;
    font-size: 0.8rem;
}

.legend-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

/* Si complet */
.event-complet {
    color: red;
}