body {
    background-color: #f8f9fa;
    font-family: Arial, sans-serif;
}

.navbar {
    padding: 12px 20px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.navbar-brand img {
    max-height: 45px;
}

.navbar-nav .nav-link {
    font-weight: bold;
    transition: color 0.3s ease-in-out;
}

.navbar-nav .nav-link:hover {
    color: #d4edda !important;
}

.container {
    max-width: 95%;
}

#calendar {
    margin-top: 20px;
}

.fc-event {
    font-size: 18px;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
}

.event-a-imprimer {
    background-color: #f7c948 !important;
    border-color: #f7c948;
    color: black;
}

.event-imprime {
    background-color: #4a90e2 !important;
    border-color: #4a90e2;
    color: white;
}

.event-pret-expedition {
    background-color: #5cb85c !important;
    border-color: #5cb85c;
    color: white;
}
.event-expedie {
    background-color: #6c757d !important; /* ✅ vert */
    border-color: #6c757d;
    color: white;
}

.event-facture {
    background-color: #6c757d !important; /* ✅ vert */
    border-color: #6c757d;
    color: white;
}

/* 🟢 Amélioration de l'affichage des événements */
/* ✅ Styles des boutons de filtre */
.filter-btn {
    border: none;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

/* Couleurs des boutons pour qu'ils correspondent aux événements */
.filter-btn[data-status="À imprimer"] {
    background-color: #f7c948; /* ✅ Même couleur que event-a-imprimer */
}

.filter-btn[data-status="Imprimé"] {
    background-color: #4a90e2; /* ✅ Même couleur que event-imprime */
}

.filter-btn[data-status="Prêt pour Expé"] {
    background-color: #5cb85c; /* ✅ Même couleur que event-pret-expedition */
}

.filter-btn[data-status="Expédié"] {
    background-color: #6c757d; /* ✅ Même couleur que event-expedie */
}

/* ✅ Effet au survol */
.filter-btn:hover {
    opacity: 0.8;
}




.event-title {
    font-size: 13px; /* ✅ Encore plus petit */
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 3px;
}

.event-dossier, .event-destination {
    font-size: 12px; /* ✅ Réduction de la taille */
    color: #444;
}

.event-container {
    display: flex;
    flex-direction: column;
    white-space: normal; /* Permet aux textes longs d'aller à la ligne */
    word-wrap: break-word; /* Casse les mots trop longs */
    overflow-wrap: break-word;
    text-align: left; /* Alignement du texte */
    max-width: 100%; /* Évite que le texte déborde */
}


.fc-daygrid-day-events {
    display: block;
    flex-direction: column;
    align-items: center;
}