/* Masquer le texte des événements ICS */
.ics-calendar .event .title,
.ics-calendar .event span.title {
    display: none !important;
}

/* Couleur fond jours occupés */
.ics-calendar-month-grid td.has_events {
    background-color: rgba(137,137,137,255) !important;
}
.ics-calendar-month-grid td.has_events::after {
    content: "Réservé";
    display: block;
    color: white;
  
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    margin-top: 2px;
    padding: 2px 0;
    font-size: 12px;
}
.ics-calendar-month-grid td.has_events {
    background-color: #f94144 !important; /* rouge vif */
    color: white;
    position: relative;
    border-radius: 6px;
}

/* Ajouter le texte "Réservé" */
.ics-calendar-month-grid td.has_events::after {
    content: "Déjà réservé !";
    display: block;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    margin-top: 2px;
}

/* 3️⃣ Jours disponibles : fond vert clair + texte noir */
.ics-calendar-month-grid td:not(.has_events) {
    background-color: #90be6d; /* vert clair */
    color: #000;
    border-radius: 6px;
}
/* 4️⃣ Animation au survol */
.ics-calendar-month-grid td:not(.has_events):hover {
    transform: scale(1.05); /* agrandissement léger */
    background-color: #90be6d; /* vert plus saturé */
    box-shadow: 0 2px 6px rgba(0,0,0,0.15); /* effet d’élévation */
}
/* Changer la couleur de fond des jours de la semaine */
.ics-calendar-month-grid th {
    background-color: #f8f4f0;  /* blanc cassé */
    color: #333;                 /* couleur du texte, ajustable */
    font-weight: bold;           /* texte en gras pour plus de lisibilité */
    border-bottom: 1px solid #ccc; /* bordure sous les jours de la semaine */
    padding: 8px;                /* espace interne */
}
/* Cases contenant les numéros (div.day) */
.ics-calendar-month-grid td .day {
    background-color: #fdf9f5; /* blanc cassé */
}
/* Style du dropdown pour choisir le mois */
.ics-calendar select {
    background-color: #fdf9f5; /* blanc cassé */
    color: #333;               /* texte sombre */
    border-radius: 6px;        /* coins arrondis */
    border: 1px solid #ccc;    /* bordure douce */
    padding: 6px 10px;         /* espace interne */
    font-size: 14px;
    cursor: pointer;
    appearance: none;          /* supprime l’apparence native pour un style uniforme */
}

/* Survol du dropdown */
.ics-calendar select:hover {
    background-color: #f5f1eb; /* légèrement plus saturé au survol */
}

/* Option du dropdown (pour certains navigateurs) */
.ics-calendar select option {
    background-color: #fdf9f5; /* fond blanc cassé pour chaque option */
    color: #333;
}
/* Cases vides du calendrier (sans numéro) */
.ics-calendar-month-grid td:not(.has_events):not(:has(.day)) {
    background-color: #FFFFFF;  /* blanc cassé */
    border-radius: 6px;         /* coins arrondis */
    padding: 8px;
}