/**
 * Styles pour la vue listMonth du calendrier
 */

/* Style pour la vue listMonth - Forcer le fond blanc sur les TR */
.fc-listMonth-view .fc-list-event {
    background-color: white !important;
    background: white !important;
    color: black !important;
    border: 1px solid #e2e8f0;
    margin-bottom: 8px;
    border-radius: 6px;
}

/* Forcer sur tous les états possibles */
.fc-listMonth-view tr.fc-list-event,
.fc-listMonth-view tr.fc-list-event.fc-event-start,
.fc-listMonth-view tr.fc-list-event.fc-event-end,
.fc-listMonth-view tr.fc-list-event.fc-event-future,
.fc-listMonth-view tr.fc-list-event.fc-event-past {
    background-color: white !important;
    background: white !important;
}

/* Forcer aussi sur les TD au cas où */
.fc-listMonth-view .fc-list-event td {
    background-color: transparent !important;
    background: transparent !important;
}

/* Override les styles inline de FullCalendar */
.fc-listMonth-view .fc-event[style*="background-color"] {
    background-color: white !important;
}

.fc-listMonth-view tr[style*="background-color"] {
    background-color: white !important;
}

.fc-listMonth-view .fc-list-event:hover {
    background-color: #f8f9fa !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Conteneur de l'événement listMonth */
.fc-event-listMonth-content {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    width: 100%;
}

/* Pastille de couleur */
.fc-event-color-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Détails de l'événement */
.fc-event-listMonth-details {
    flex: 1;
    min-width: 0;
}

/* Titre de l'événement dans listMonth */
.fc-listMonth-view .fc-event-title-list {
    font-weight: 600;
    color: #2d3748 !important;
    margin-bottom: 4px;
    font-size: 15px;
}

/* Temps de l'événement dans listMonth */
.fc-listMonth-view .fc-event-time-list {
    color: #4a5568 !important;
    font-size: 13px;
    margin-bottom: 4px;
}

/* Sous-titre de l'événement dans listMonth */
.fc-listMonth-view .fc-event-subtitle-list {
    color: #718096 !important;
    font-size: 13px;
    margin-bottom: 6px;
}

/* Description de l'événement dans listMonth */
.fc-event-description-list {
    color: #4a5568 !important;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e2e8f0;
    display: block !important;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* S'assurer que le texte reste noir dans listMonth */
.fc-listMonth-view .fc-list-event-title a {
    color: inherit !important;
}

.fc-listMonth-view .fc-list-event-time {
    color: inherit !important;
}

/* Icône de rapport dans listMonth */
.fc-listMonth-view .cdcal-rapport-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #00d1b2;
    background: white;
    padding: 2px 4px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Ajuster la cellule de date dans listMonth */
.fc-listMonth-view .fc-list-day-cushion {
    background-color: #f7fafc;
    color: #2d3748;
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 2px solid #e2e8f0;
}

/* Ajuster le style de la table listMonth */
.fc-listMonth-view .fc-list-table {
    background-color: #ffffff;
}

.fc-listMonth-view .fc-list-table td {
    border: none;
    padding: 0;
}

/* S'assurer que les événements sont bien espacés */
.fc-listMonth-view .fc-list-event-graphic {
    display: none; /* Cacher le point graphique par défaut car on utilise notre pastille */
}

/* Style pour le conteneur d'événement */
.fc-listMonth-view .fc-event-listMonth-content {
    position: relative;
}

/* Responsive pour mobile */
@media (max-width: 768px) {
    .fc-event-listMonth-content {
        padding: 10px;
    }
    
    .fc-event-color-dot {
        width: 10px;
        height: 10px;
    }
    
    .fc-listMonth-view .fc-event-title-list {
        font-size: 14px;
    }
    
    .fc-event-description-list {
        font-size: 13px;
    }
}