/* ================================
   Fixed header fallback (robust)
   - Replaces unreliable sticky with position:fixed
   - Uses CSS variable --hdr-fixed-h for content offset
   ================================ */

:root{
  --hdr-fixed-h: 0px; /* updated by JS */
}

/* Create space under the fixed header so content doesn't jump under it */
.wp-site-blocks{
  padding-top: var(--hdr-fixed-h);
}

/* Ensure nothing clips the fixed header */
.wp-site-blocks,
.wp-site-blocks > *{
  overflow: visible !important;
}

/* Fix the wrapper to the top */
.hdr-sticky-wrap{
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0px);
  left: 0;
  right: 0;
  z-index: 9999;
  overflow: visible;
  background: inherit;
  box-shadow: var(--sticky-shadow);
}

/* Optional: disable fixed header per device using classes on hdr-sticky-wrap */
@media (min-width: 1025px){
  .hdr-sticky-wrap.sticky-off-desktop{
    position: static !important;
    box-shadow: none !important;
  }
}
@media (max-width: 1140px){
  .hdr-sticky-wrap.sticky-off-mobile{
    position: static !important;
    box-shadow: none !important;
  }
}