/* AVLOG follow-up refinement 2026-11-13: compact shortcuts + restore header accent/nav */
.site-header.avref26-header {
  position: relative !important;
  isolation: isolate !important;
  border-bottom: 1px solid rgba(31, 190, 103, .20) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.20), 0 5px 22px rgba(22,163,74,.13) !important;
}
.site-header.avref26-header::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 0 !important; right: 0 !important; bottom: -1px !important;
  height: 2px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent 0%, rgba(22,163,74,.12) 12%, rgba(34,197,94,.78) 50%, rgba(22,163,74,.12) 88%, transparent 100%) !important;
  box-shadow: 0 0 9px rgba(34,197,94,.48), 0 0 22px rgba(34,197,94,.24) !important;
}
.site-header.avref26-header .site-main-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: clamp(7px, 1vw, 16px) !important;
  min-width: max-content !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.site-header.avref26-header .site-main-nav .site-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (min-width: 761px) {
  .avref26-home .avref26-shortcuts > .hub-shortcut {
    min-height: 146px !important;
    height: 146px !important;
    padding: 16px 20px !important;
  }
}
@media (max-width: 760px) {
  .site-header.avref26-header .site-main-nav { min-width: 0 !important; gap: 7px !important; }
  .site-header.avref26-header .site-main-nav .site-nav-link { gap: 4px !important; }
}


/* Desktop: keep the complete top navigation attached to the viewport while scrolling.
   Mobile keeps its original natural document flow. */
@media (min-width: 761px) {
  html body .site-header.avref26-header {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    width: 100% !important;
    isolation: isolate !important;
    background-color: rgba(8, 17, 12, .96) !important;
    -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
    backdrop-filter: blur(14px) saturate(125%) !important;
  }
  html body .site-header.avref26-header .site-header-inner {
    position: relative !important;
  }
}