/* ---- Pour infobulles Zone A B C ----*/
.tooltip[data-color=jaune] .tooltip-inner {background-color: #FFAF29;box-shadow: 4px 4px 6px rgba(0,0,0,0.5);}
.tooltip[data-color=jaune] .arrow:before{border-top-color: #FFAF29;}
.tooltip[data-color=jaune] .arrow:before{border-bottom-color: #FFAF29;}
.tooltip[data-color=rouge] .tooltip-inner {background-color: #D60202;box-shadow: 4px 4px 6px rgba(0,0,0,0.5);}
.tooltip[data-color=rouge] .arrow:before{border-top-color: #D60202;}
.tooltip[data-color=rouge] .arrow:before{border-bottom-color: #D60202;}
.tooltip[data-color=vert] .tooltip-inner {background-color: #4CAF50;box-shadow: 4px 4px 6px rgba(0,0,0,0.5);}
.tooltip[data-color=vert] .arrow:before{border-top-color: #4CAF50;}
.tooltip[data-color=vert] .arrow:before{border-bottom-color: #4CAF50;}
/* ---- Ombre sur les jours ------ */
.fc-col-header-cell.fc-day-mon, .fc-col-header-cell.fc-day-tue, .fc-col-header-cell.fc-day-wed, .fc-col-header-cell.fc-day-thu, .fc-col-header-cell.fc-day-fri {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
/* ---- 1. Force la coloration de fond de la case contenant la classe jour-ferie */
.fc-bg-event.jour-ferie {
    background-color: #ffcccc !important; /* Rouge/rose pastel */
    opacity: 0.7 !important; /* Permet de garder une légère transparence */
    text-shadow: 1px 1px 1px rgba(166,0,0,0.3);
}

/* ---- 2. Affiche et stylise le texte du jour férié à l\'intérieur de la case */
.fc-bg-event.jour-ferie .fc-event-title {
    display: block !important;
    padding: 9px 1px;
    font-size: 0.75rem;
    font-weight: normal;
    margin-top:10px;
    margin-bottom:1px;
    color: #cc0000 !important; /* Texte en rouge foncé */
    white-space: nowrap;
    overflow: hidden;
    cursor: help !important;
    text-overflow: ellipsis; /* Coupe proprement le texte s\'il est trop long */
}
/* ---- Coloration du fond pour les samedis et dimanches */
.fc-day-sat, 
.fc-day-sun {
    background-color: #DCE4ED !important;
}
/* ---- Optionnel : Si vous voulez assombrir légèrement l\'en-tête des jours du week-end (les noms des jours) */
.fc-col-header-cell.fc-day-sat,
.fc-col-header-cell.fc-day-sun {
    background-color: #DCE4ED !important;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
/* ---- Colorier le fond et changer la couleur de la bordure du jour actuel */
.fc .fc-day-today {
    background-color: #FFF8B7 !important; /* Jaune clair (remplacez par votre couleur) */
    /*border: 2px solid #3295EC !important; /* Optionnel : bordure bleu pour accentuer */
}
/* ---- Optionnel : Si vous voulez aussi mettre en gras le numéro du jour actuel */
.fc .fc-day-today .fc-daygrid-day-number {
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  /*color: #000000; la couleur éventuellement*/
}
/* ---- Style global compressé */
.fc-event.vacances-scolaires {
    border: none !important;
    padding: 0px 4px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    max-width: none;
}
/* ---- Zone C (Bandeau textuel classique) si réglé sur block
.fc-event.zone-c {
    background-color: #4CAF50 !important;
    color: #E65100 !important;
    font-weight: bold !important;
    height: 16px !important;
    min-height: 16px !important;
    font-size: 0.75em !important;
    line-height: 16px !important;
} */
/* ---- Zone C (Bandeau fin) */
/*.tooltip-inner {white-space: nowrap; max-width: none;}*/
.fc-event.zone-c {
    background-color: #4CAF50 !important;
    height: 6px !important;
    min-height: 6px !important;
    font-size: 0px !important;
    line-height: 0px !important;
    color: transparent !important;
}
/* ---- Zones A et B (Lignes graphiques fines sans texte visible) */
.fc-event.zone-a, .fc-event.zone-b {
    height: 6px !important;
    min-height: 6px !important;
    font-size: 0px !important;
    line-height: 0 !important;
    color: transparent !important;
}
.fc-event.zone-a { background-color: #FFAF29 !important; }
.fc-event.zone-b { background-color: #D60202 !important; }

/* ---- Feedback au survol de la souris */
.fc-event.vacances-scolaires:hover {
    filter: brightness(0.9) !important;
    cursor: help !important;
}
/* --- INFOBULLE ZONE A (Jaune) --- */
.tooltip-zone-a .tooltip-inner {
    background-color: #FFAF29 !important;
    color: #FFFFFF !important;
    white-space: nowrap !important;
    max-width: none;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
}
.tooltip-zone-a .arrow::before {
    border-top-color: #FFAF29 !important; /* Colore la flèche du tooltip */
    border-bottom-color: #FFAF29 !important;
}
/* --- INFOBULLE ZONE B (Rouge) --- */
.tooltip-zone-b .tooltip-inner {
    background-color: #D60202 !important;
    color: #FFFFFF !important;
    white-space: nowrap !important;
    max-width: none;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
}
.tooltip-zone-b .arrow::before {
    border-top-color: #D60202 !important;
    border-bottom-color: #D60202 !important;
}
/* --- INFOBULLE ZONE C (Vert) --- */
.tooltip-zone-c .tooltip-inner {
    background-color: #4CAF50 !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    max-width: none;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
}
.tooltip-zone-c .arrow::before {
    border-top-color: #4CAF50 !important;
    border-bottom-color: #4CAF50 !important;
}

/* =========================================================================
   COLORATION DES TOOLTIPS DES ÉVÉNEMENTS PERSONNELS SQL
   ========================================================================= */
/* 1. Couleur de fond de l\'infobulle pour vos événements persos */
.tooltip-evenement-perso .tooltip-inner {
    background-color: #CFD0D3 !important; /* #3498db Mettez ici la couleur par défaut de vos événements */
    color: #1488F1 !important;
    font-weight: 500 !important;
    border: none !important;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);/* offset-x | offset-y | blur-radius | color */
    box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
}
/* 2. Couleur de la petite flèche (orientée vers le haut) */
.tooltip-evenement-perso.bs-tooltip-top .arrow::before,
.tooltip-evenement-perso.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #CFD0D3 !important;
}
/* 3. Couleur de la petite flèche (orientée vers le bas si l\'événement est en haut d\'écran) */
.tooltip-evenement-perso.bs-tooltip-bottom .arrow::before,
.tooltip-evenement-perso.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #CFD0D3 !important;
}
/* ---- Style élégant et compact pour l\'affichage des changements d\'heure ---- */
    .fc-event.changement-heure {
    border: none !important;
    padding: 0px 0px !important;
    height: 22px !important;
    min-height: 18px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    font-size: 0.75em !important;
    line-height: 22px !important;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    font-style: italic !important; /* Permet de le différencier d\'un événement normal */
    text-overflow: ellipsis;
    text-shadow: 0px 1px 1px rgba(157,0,157,0.3);
}*/
/* Force le curseur d\'aide sur l\'élément et tout son contenu interne */
.changement-heure,
.changement-heure *,
.fc-event.changement-heure .fc-event-main,
.fc-event.changement-heure .fc-event-main * {
    cursor: help !important; /* Force le point d\'interrogation */
}
/* Feedback visuel au survol du badge */
.changement-heure:hover {
    cursor: help !important;
}
/* =========================================================================
   COLORATION DES TOOLTIPS DES CHANGEMENTS D\'HEURE
   ========================================================================= */

/* 1. Couleur de fond et du texte de la bulle */
.tooltip-changement-heure .tooltip-inner {
    background-color: #FFAEFF !important; 
    color: #455A64 !important;
    font-weight: 500 !important;
    font-style: normal !important;
    text-shadow: 0px 1px 1px rgba(157,0,157,0.3);
    box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
}

/* 2. Couleur de la flèche du tooltip (quand elle pointe vers le haut) */
.tooltip-changement-heure.bs-tooltip-top .arrow::before,
.tooltip-changement-heure.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #FFAEFF !important;
}

/* 3. Couleur de la flèche (quand elle pointe vers le bas) */
.tooltip-changement-heure.bs-tooltip-bottom .arrow::before,
.tooltip-changement-heure.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #FFAEFF !important;
}