/* Make header sticky and remove extra spacing */
.site-header {
  position: sticky;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9999;
  top: 0;
}

/* Default header size */
.site-header .main-header-bar {
  padding: 15px 0;
  transition: all 0.3s ease;
}

/* Default logo size (keeps aspect ratio) */
.site-header .custom-logo {
  height: 60px;
  width: auto;
  transition: height 0.3s ease;
}

/* Smaller header and logo on scroll */
.site-header.scrolled .main-header-bar {
  padding: 5px 0 12px 0;  /* Top 5px, Right 0, Bottom 12px, Left 0 */
}

.site-header.scrolled .custom-logo {
  height: 40px;
  width: auto;
}