/* Logo and Header Overrides */
.header-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
}

.logo, .header-logo img {
    max-width: 180px !important; /* increased width for better visibility */
    max-height: 80px !important; /* increased height for better visibility */
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    display: block;
    margin: 5px 0; /* subtle breathing room */
}


/* If the background is very dark, multiply might be too much. 
   Alternatively, we can try to force the container to be tight. */
.header-logo a {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Ensure sticky logos work correctly */
.sticky-wrapper.active .sticky-off {
    display: none !important;
}
.sticky-wrapper:not(.active) .sticky-on {
    display: none !important;
}

/* Remove extra gaps in navbar */
.vs-header {
    --header-padding: 10px 0;
}

/* Fix mobile logo */
.mobile-logo img {
    max-width: 120px !important;
    mix-blend-mode: multiply;
}

/* Preloader logo fix */
.preloader-inner img {
    max-width: 120px !important;
    mix-blend-mode: multiply;
}


/* Navbar Background Color */
.vs-header, .sticky-active, .vs-menu-wrapper, .vs-menu-area { background-color:#044E35 !important; background-image: none !important; }