/* ----------------------------------------
   BASIS NAVBAR
---------------------------------------- */
.navbar {
    background-color: #018fa3 !important;
    transition: transform 0.3s ease, 
                padding 0.3s ease, 
                background-color 0.3s ease;
    will-change: transform, padding, background-color;
}

/* ----------------------------------------
   VERBERG NAVBAR BIJ SCROLL NAAR BENEDEN
---------------------------------------- */
.navbar.nav-hide {
    transform: translateY(-100%) !important;
}

/* ----------------------------------------
   COMPACTE HEADER (NA 200PX SCROLL)
---------------------------------------- */
.navbar.nav-compact {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    background-color: #018fa3 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.15);
}

/* ----------------------------------------
   LOGO KLEINER IN COMPACT MODE
---------------------------------------- */
.navbar.nav-compact .navbar-brand img {
    width: 40px !important;
    height: 40px !important;
    transition: width 0.3s ease, height 0.3s ease;
}