/* ===================================
   LOGO 2X GROTER - HELE WEBSITE
   Header hoogte blijft gelijk
   =================================== */

/* Desktop - Logo 2x groter (van 60px naar 120px) */
.navbar-logo {
    max-height: 120px !important;
    height: auto !important;
}

header .navbar-logo {
    max-height: 120px !important;
}

.navbar-brand img,
.navbar-brand .navbar-logo {
    max-height: 120px !important;
    height: auto !important;
}

/* Mobiel - Logo 2x groter (van 50px naar 100px) */
@media (max-width: 992px) {
    .navbar-logo {
        max-height: 100px !important;
        height: auto !important;
    }
    
    header .navbar-logo {
        max-height: 100px !important;
    }
    
    .navbar-brand img,
    .navbar-brand .navbar-logo {
        max-height: 100px !important;
        height: auto !important;
    }
}

/* Extra kleine schermen - Logo iets kleiner */
@media (max-width: 576px) {
    .navbar-logo {
        max-height: 90px !important;
    }
    
    header .navbar-logo {
        max-height: 90px !important;
    }
    
    .navbar-brand img,
    .navbar-brand .navbar-logo {
        max-height: 90px !important;
    }
}