/* =========================================================
   Clear Link v1.10.15 — mobile header viewport anchoring
   Mobile only. Desktop header behavior is intentionally untouched.
   ========================================================= */
@media (max-width: 820px){
  /* The public/mobile header must always use the viewport top as its origin.
     WordPress can leave body.admin-bar on the frontend even when the toolbar
     is visually hidden by another UI. Never inherit the 46px admin offset. */
  html body.has-overlay-header .site-header,
  html body.has-overlay-header .site-header.site-header--overlay,
  html body.has-overlay-header .site-header.is-scrolled,
  html body.admin-bar.has-overlay-header .site-header,
  html body.admin-bar.has-overlay-header .site-header.site-header--overlay,
  html body.admin-bar.has-overlay-header .site-header.is-scrolled{
    position:fixed!important;
    top:0!important;
    inset-block-start:0!important;
    bottom:auto!important;
    left:0!important;
    right:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    translate:none!important;
    z-index:9000!important;
  }

  html body.has-overlay-header .site-header.is-mobile-visible,
  html body.admin-bar.has-overlay-header .site-header.is-mobile-visible,
  html body.menu-open.has-overlay-header .site-header,
  html body.admin-bar.menu-open.has-overlay-header .site-header{
    top:0!important;
    inset-block-start:0!important;
    transform:translate3d(0,0,0)!important;
  }

  /* v1.11.36: the mobile header is persistent. Legacy hidden state is neutralized
     here as well because this stylesheet loads after mobile-flow-v1112.css. */
  html body.has-overlay-header .site-header.is-mobile-hidden,
  html body.admin-bar.has-overlay-header .site-header.is-mobile-hidden{
    top:0!important;
    inset-block-start:0!important;
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
  }

  /* Keep the actual header row flush to the viewport edge. */
  html body.has-overlay-header .site-header__top{
    margin-top:0!important;
    padding-top:0!important;
  }
}