/**
 * Calendar Styles
 */

.etang-calendar-widget {
    background: #f9f9f9;
    border-radius: 8px;
}

.calendar-grid {
    user-select: none;
}

.calendar-day {
    position: relative;
}

.calendar-day.today {
    border: 2px solid #2c5f2d;
    font-weight: bold;
}

.calendar-day.selected {
    background-color: #2c5f2d !important;
    color: #fff;
}

/* IMPORTANT : Jour diagonal sélectionné = fond vert pour montrer la sélection */
.calendar-day.checkout-day.selected {
    background: #2c5f2d !important; /* Vert de sélection */
    color: #fff;
}

.calendar-day.checkout-day.selected::before {
    color: #fff; /* Flèche blanche sur fond vert */
}

/* Jour de checkout (départ) - coupé en diagonale */
/* Haut rose (réservé/occupé) + Bas vert (disponible) */
.calendar-day.checkout-day {
    background: linear-gradient(135deg, 
        #f8d7da 0%, 
        #f8d7da 48%, 
        #c6e1c6 52%, 
        #c6e1c6 100%);
    position: relative;
}

.calendar-day.checkout-day::before {
    content: "↗";
    position: absolute;
    top: 2px;
    right: 4px;
    font-size: 10px;
    color: #721c24;
    font-weight: bold;
}

/* Tooltip for calendar days */
.calendar-day::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    z-index: 10;
}

.calendar-day:hover::after {
    opacity: 1;
}