#ls-kalender {
    max-width: 1100px;
    margin: 20px auto;
}


.kal-tooltip {
    position: fixed;
    z-index: 9999;
    background: #fff;
    color: #000;
    padding: 8px 12px;
    border: 1px solid #666;
    border-radius: 4px;
    font-size: 13px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    pointer-events: none;
    display: none;
    max-width: 220px;
}

.OLDfc-event-tooltip {
    background: #fff;
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    font-size: 0.85em;
    pointer-events: none;
    position: absolute;
    white-space: nowrap;
}

.fc-event-tooltip {
    background: #fff;
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    font-size: 0.85em;
    pointer-events: none;
    position: fixed; /* was absolute */
    white-space: nowrap;
    z-index: 99999 !important; /* hoog genoeg om boven alles te staan */
}



.fc-event-tooltip::after {
    content: '';
    position: absolute;
    bottom: -6px; /* pijltje naar event */
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}


.ls-kalender-header {
    margin-bottom: 15px;
    text-align: right; /* knop rechtsboven, kan ook left of center */
}

/* ✅ rode/vette events voor drank = 1 */
.event-drank {
    background-color: #cc0000 !important;  /* rode achtergrond */
    color: white !important;               /* witte tekst */
    font-weight: bold !important;          /* vet */
    border: none !important;
}

/* button dashboard */
.ls-btn
{
    display:inline-block;
    padding: 8px 8px;
    background-color: #d0e4f5;  /* lichtblauw   #0073aa; standaard blauw */
    color: #000000;   /* zwart */
    text-decoration: none;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
}

.ls-btn:hover
{
    background-color: #04583C; /* groen bij hover */
    color: #ffffff;   /* wit */
}

/* standaardstijl */
.fc-beheerButton-button {
    background-color: #d0e4f5 !important; /* lichtblauw */
    color: #000 !important;               /* zwart */
    border: none !important;
    padding: 8px 10px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

/* hoverstijl */
.fc-beheerButton-button:hover {
    background-color: #04583C !important; /* groen */
    color: #fff !important;               /* wit */
}