@media (min-width: 992px) {
    [data-kt-app-header-secondary-enabled=true] {
        --bs-app-header-secondary-height: 75px
    }
}

.pwhite {
    filter: brightness(0) invert(1);
}

.logo-with-bg {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    padding: 8px 16px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

@media (max-width: 991.98px) {
    .logo-with-bg {
        padding: 6px 12px;
        border-radius: 10px;
    }
}

[data-bs-theme=light] {
    --bs-app-bg-color: #f4f9ff;
}





/* Scrolling */
html {
    overflow-y: scroll; /* Zorgt voor een permanente scrollbar */
    scrollbar-gutter: stable; /* Reserveert ruimte voor de scrollbar */
}

/* Voor Firefox */
html {
    scrollbar-width: thin; /* Optioneel: maakt de scrollbar dunner */
}

/* Voor Webkit browsers (Chrome, Safari, etc.) */
::-webkit-scrollbar {
    width: 8px; /* Optioneel: past de breedte van de scrollbar aan */
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

/* Zorgt ervoor dat modals geen verspringen veroorzaken */
body.modal-open {
    padding-right: 0 !important;
}

.modal {
    padding-right: 0 !important;
}




.custom-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -2px;
}