header.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
}

/* Default content offset so the fixed header doesn't cover content */
body {
  padding-top: 60px; /* mobile header height */
}

@media (width >= 768px) {
  body { padding-top: 100px; } /* desktop/tablet default header height */
}

/* Reduce offset when header shrinks on scroll */
body.header-is-scrolled {
  padding-top: 60px; /* on mobile unchanged */
}

@media (width >= 768px) {
  body.header-is-scrolled { padding-top: 80px; }
}

/* Smooth logo transition */
.wp-block-site-logo.is-default-size img {
  transition: width 0.25s ease;
}

/* Shrink logo on scroll */
header.header.is-scrolled .wp-block-site-logo.is-default-size img {
  width: 48px;
}