/* --- HOOFDSTIJLEN --- */
/* (Hier kun je eventuele andere algemene stijlen plaatsen) */


/* ==============================================
    LITEPICKER KALENDER STIJLEN (DEFINITIEF)
==============================================
*/

/* 2. SELECTIEKLEUREN (START, EIND & BEREIK) */

/* De dagen TUSSEN de start- en einddatum */
.litepicker .container__days .day-item.in-range:not(.is-start-date):not(.is-end-date) {
    background-color: #8ebcfa !important;
    color: #1e40af !important;
    border-radius: 0 !important;
}

/* De startdatum van de selectie */
.litepicker .container__days .day-item.is-start-date {
    background-color: #2563eb !important;
    color: white !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* De einddatum van de selectie */
.litepicker .container__days .day-item.is-end-date {
    background-color: #2563eb !important;
    color: white !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* 1. STATUSKLEUREN (BESCHIKBAAR, IN BEHANDELING, BEVESTIGD) */
/* Beschikbare dagen (NEGEERT de geselecteerde range) */
.litepicker .container__days .day-item:not(.is-locked):not(.is-disabled):not(.in-range):not(.is-start-date):not(.is-end-date) {
    background-color: #8efab0 !important; 
    border: 1px solid #dcfce7 !important; 
    border-radius: 5% !important; */
}

/* Dagen die 'in behandeling' (pending) zijn 
.litepicker .container__days .day-item.is-locked.is-pending {
    background-color: #fffbeb !important;
    color: #b45309 !important;
    border-radius: 50% !important;
    border: 1px dashed #fcd34d !important;
    text-decoration: none !important;
}*/

/* Dagen die 'bevestigd' (confirmed) zijn 
.litepicker .container__days .day-item.is-locked.is-confirmed {
    background-color: #fee2e2 !important;
    color: #b91c1c !important;
    border-radius: 50% !important;
    border: 1px solid #fca5a5 !important;
    text-decoration: line-through !important;
}*/

/* Standaard geblokkeerde dagen (grijs) 
.litepicker .container__days .day-item.is-locked:not(.is-pending):not(.is-confirmed) {
    background-color: #f3f4f6 !important;
    color: #9ca3af !important;
    text-decoration: none !important;
}*/