:root {
}

/*###> custom ###*/
@media (min-width: 1200px) {
    header .site-logo img {
        max-height: var(--header_logo_max-height, var(--header_logo_max-height, var(--header_logo_max-height, var(--header_logo_max-height, var(--header_logo_max-height, 70px)))));
        max-width: var(--header_logo_max-width, 275px);
    }
}

.component_vacancy-search .card {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;

    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);

    overflow: hidden;
}

.card-body .hero span {
  text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.4);
}

/* Beperk de hoogte van het accordion-blok en voeg een scrollbalk toe */
.category .accordion {
    max-height: 450px; /* Pas deze hoogte aan naar de hoogte van ca. 5 vragen */
    overflow-y: auto;
    padding-right: 10px; /* Ruimte voor de scrollbalk */
}

/* Optioneel: Maak de scrollbalk netter qua styling */
.category .accordion::-webkit-scrollbar {
    width: 6px;
}
.category .accordion::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 4px;
}

/* Kleur uitsluitend actieve menu-items in het submenu wit */
nav.header-nav > ul > li ul li.active > a,
nav.header-nav > ul > li ul li.active > a > span {
    color: #ffffff !important;
}

/* 01.09.2026 */
.hero-section-custom { z-index: 1; }
.hero-section-custom .card { overflow: visible; }
/*###< custom ###*/