/* 92-sticky-header.css — extracted from main.css */

:root{ --hdr-h: 64px; } /* adjust to your header height */

.site-header{
  position: sticky;         /* modern */
  position: -webkit-sticky; /* iOS/Safari */
  top: 0;
  z-index: 1100;
  height: var(--hdr-h);
  background: linear-gradient(180deg,#0f1a2b,#0b1422); /* your dark slate */
  /* optional subtle glass */
  background-clip: padding-box;
  backdrop-filter: saturate(1.05) blur(3px);
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

/* make sure the header’s direct parent doesn't kill sticky */
body > header.site-header { overflow: visible; }

/* common “sticky killers” to avoid on ancestors of the header */
body, html { overflow-x: visible; }

/* BACK TO THE TOP BUTTON