/* CSS */
body {
    font-family: 'Quicksand', Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-height: 100vh;
    background-color: #222222;
}

/* Tekst selectie kleur */
::selection {
    background-color: #54B783;
    color: #000;
}

/* Scrollbar verbergen */
.no-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

.no-scrollbar {
    -ms-overflow-style: none;  /* IE en Edge */
    scrollbar-width: none;     /* Firefox */
}

*::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

* {
    -ms-overflow-style: none;  /* IE en Edge */
    scrollbar-width: none;     /* Firefox */
}

/* Animatie voor langzaam draaiend klokje */
@keyframes spin-slow {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.animate-spin-slow {
    animation: spin-slow 2.5s linear infinite;
}

#check-old-weeks-btn {
    box-shadow: 0 4px 24px 0 rgba(30,185,84,0.15), 0 1.5px 4px 0 rgba(30,185,84,0.10);
    border: none;
}
#check-old-weeks-btn:hover {
    filter: brightness(1.08) saturate(1.2);
    box-shadow: 0 8px 32px 0 rgba(30,185,84,0.25), 0 2px 8px 0 rgba(30,185,84,0.15);
}
#check-old-weeks-btn span {
    letter-spacing: 0.02em;
}

/* Hide Werkzaamheden column on mobile devices */
@media (max-width: 1024px) {
    .hide-werkzaamheden-mobile {
        display: none !important;
    }
    
    /* Ensure table cells are also hidden */
    table .hide-werkzaamheden-mobile {
        display: none !important;
    }
    
    /* Alternative approach: hide 3rd column (Werkzaamheden) directly in aangenomen werkzaamheden table */
    #aangenomen-werkzaamheden-table th:nth-child(3),
    #aangenomen-werkzaamheden-table td:nth-child(3) {
        display: none !important;
    }
    
    /* Fallback: target any table with Werkzaamheden column */
    table th:nth-child(3):contains("Werkzaamheden"),
    table th:nth-child(3):contains("Werkzaamheden") ~ td:nth-child(3) {
        display: none !important;
    }
}