/* 1. Zorg dat de header over de video zweeft */
header.elementor-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: transparent; /* Geen !important hier! */
    transition: background 0.3s ease-in-out;
}

/* 2. De witte achtergrond bij scrollen */
/* Elementor voegt de klasse 'elementor-sticky--effects' toe zodra je scrollt */
header.elementor-sticky--effects {
    background-color: #ffffff !important;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
}

/* 3. De tekstkleur van het menu naar zwart bij scrollen */
header.elementor-sticky--effects .elementor-nav-menu ul li a {
    color: #000000 !important;
}

/* 4. Ruimte maken voor de content (zodat je video bovenaan begint) */
body.elementor-column-gap-default {
    margin-top: 0 !important;
}