/* When header is sticky, ensure the gap behind it is white */
.sticky-header-active,
header#header {
  background-color: #fff !important;
}

/* Force header sticky styles from page load */
#header.sticky-header-active {
  background-color: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); /* subtle border like sticky */
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  width: 100vw !important;
  z-index: 9999 !important;
}

/* Force sticky to always show your grey logo */
.sticky-header-active .header-logo .logo {
    display: block !important;
}

/* Also ensure header-body matches background */
#header.sticky-header-active .header-body {
  background-color: #ffffff !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* Remove any body padding-top or margin-top */
body, .body, .main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}