/* Logo Styles */
.navbar .navbar-brand img.logo {
  max-height: 58px; /* increased by ~15% from 50px */
  width: auto;
  display: block;
  transition: all 0.3s ease;
  margin-top: -12px; /* Pulls the logo up further to center it vertically */
}

/* Default state: Hide the sticky logo, show the normal one */
.logo-sticky {
  display: none !important;
}

/* Mobile responsiveness for the logo */
@media (max-width: 767px) {
  .navbar .navbar-brand img.logo {
    max-height: 46px; /* increased proportionately */
    max-width: 210px;
  }
}

/* Adjust navbar padding to accommodate larger logo */
header .navbar {
  padding: 10px 0px !important;
}

/* Ensure background header (sticky) also looks good */
.background-header .navbar {
  padding: 5px 0px !important;
}

/* --- LOGO SWAP ON SCROLL --- */
/* When the header becomes sticky (.background-header is added by JS) */

.background-header .logo-normal {
  display: none !important;
}

.background-header .logo-sticky {
  display: block !important;
}