/* Transparante navbar standaard */
  .navbar-custom {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1040; /* boven standaard content */
    transition: background-color .3s ease, box-shadow .3s ease;
    background-color: transparent !important;
  }
  .navbar-custom.navbar-transparent {
    background-color: transparent !important;
  }

  /* Witte links en brand */
  .navbar-custom .nav-link,
  .navbar-custom .navbar-brand {
    color: #fff !important;
    transition: color .2s ease;
  }
  .navbar-custom .nav-link:hover {
    color: rgba(255,255,255,0.85) !important;
  }

  /* Logo wit maken via CSS filter (overlay effect) */
  .navbar-custom .navbar-brand img {
    filter: brightness(0) invert(1);
    transition: filter .3s ease;
  }

  /* Toggler en icoon wit in transparante modus */
  .navbar-custom .navbar-toggler {
    border-color: rgba(255,255,255,0.5);
  }
  .navbar-custom .navbar-toggler-icon {
    filter: invert(1);
  }

  /* Na scrollen: witte achtergrond en donkere links */
  .navbar-custom.scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  }
  .navbar-custom.scrolled .nav-link,
  .navbar-custom.scrolled .navbar-brand {
    color: #212529 !important;
  }
  .navbar-custom.scrolled .nav-link:hover {
    color: #0d6efd !important;
  }
  .navbar-custom.scrolled .navbar-brand img {
    filter: none;
  }
  .navbar-custom.scrolled .navbar-toggler {
    border-color: rgba(0,0,0,0.15);
  }
  .navbar-custom.scrolled .navbar-toggler-icon {
    filter: none;
  }

  /* Dropdowns blijven gewoon leesbaar */
  .navbar-custom .dropdown-menu {
    background-color: #fff;
  }
  .navbar-custom .dropdown-item {
    color: #666666;
  }
  .navbar-custom .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #000000;
  }
/* Hide the existing bootstrap collapse output on mobile (we do not use it) */
    @media (max-width: 991.98px) {
        #navbarNav { display: none !important; }
        #headerVideo {
            display:none;
        }
    }

    /* Optional: keep desktop menu as-is */
    @media (min-width: 992px) {
        .nav-overlay-toggle { display: none !important; }
    }

    /* Mobile hamburger button (simple, no Bootstrap toggler dependency) */
    .nav-overlay-toggle {
        border: 0;
        background: transparent;
        padding: .5rem .75rem;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .nav-overlay-toggle .bi {
        font-size: 1.6rem;
        color: #fff; /* matches transparent nav mode */
    }
    .navbar-custom.scrolled .nav-overlay-toggle .bi {
        color: #212529; /* matches scrolled nav mode */
    }

    /* Fullscreen overlay */
    .nav-overlay {
        position: fixed;
        inset: 0;
        z-index: 2000;
        background: var(--primary);
        display: none;
    }
    .nav-overlay.is-open { display: block; }

    /* Make sure it feels "app-like" */
    .nav-overlay__inner {
        height: 100%;
        display: flex;
        flex-direction: column;
        padding: 22px 22px 28px;
    }

    /* Top bar with close button */
    .nav-overlay__top {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 60px;
    }
    .nav-overlay__close {
        border: 0;
        background: transparent;
        padding: .5rem;
        color: #fff;
        line-height: 1;
    }
    .nav-overlay__close .bi {
        font-size: 2rem;
        color: #fff;
    }

    /* Menu items */
    .nav-overlay__menu {
        flex: 1;
        display: flex;
        text-align:center;
        align-items: center;
    }
    .nav-overlay__menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .nav-overlay__menu a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-weight: 600;
        font-size: 1.6rem;
        padding: .35rem 0;
        letter-spacing: .2px;
    }
    .nav-overlay__menu a:hover {
        color: rgba(255,255,255,0.85);
    }

    /* Slightly tighter on very small screens */
    @media (max-width: 380px) {
        .nav-overlay__menu a { font-size: 1.35rem; }
    }

    /* Prevent background scroll when open */
    body.nav-overlay-open {
        overflow: hidden;
        touch-action: none;
    }

    .mobileMenuLogo {
        filter: brightness(0) invert(1);
        max-width:200px;
        margin-top:50px;
    }
.bg-blockref0-image{
        background:transparent url('/File/image/rzXRYIJd0n2mERrQGxvN1768992854eKyXSOwQG5m6mFmuN8jO/1600/800') no-repeat center center;background-size:cover;
        height:100vh;
    }
    .bg-blockref0-image > div{
        background:rgba(50,50,50,0.7);
        padding-top:140px;
        height:100vh;
    }
.bg-blockref1 {
    background: #ffffff;
    color: rgb(33, 37, 41);
}