/* ATHR Patch 025 — direct fixed header for reliable mobile access. */

:root{
  --athr-topbar-height:31px;
  --athr-nav-height:115px;
}

/* Neutralize older wrapper-based sticky/fixed attempts. */
#site-nav{
  position:static !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  width:auto !important;
  z-index:auto !important;
}

/* Keep the green announcement bar pinned at the very top. */
#site-nav .topbar{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:5001 !important;
}

/* Keep the actual navigation row — cart, menu and logo — always visible. */
#site-nav .site-header{
  position:fixed !important;
  top:var(--athr-topbar-height) !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:5000 !important;
  background:rgba(255,255,255,.97) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transform:translateZ(0);
  backface-visibility:hidden;
}

/* Reserve exactly the same space so content never jumps under the fixed nav. */
body{
  padding-top:var(--athr-nav-height) !important;
}

html{
  scroll-padding-top:calc(var(--athr-nav-height) + 16px);
}

#site-nav .site-header.athr-nav-shadow{
  box-shadow:0 10px 28px rgba(23,63,42,.12);
}

@media(max-width:760px){
  #site-nav .site-header{
    background:rgba(255,255,255,.985) !important;
  }

  /* Make the mobile access controls feel immediate and tap-friendly. */
  #site-nav .nav-actions,
  #site-nav .menu-btn{
    position:relative;
    z-index:2;
  }
}

@media(prefers-reduced-motion:reduce){
  #site-nav .site-header{
    transition:none !important;
  }
}
