/* Hide on desktop */
@media (min-width:1024px){#wpnms-header{display:none!important}}

/* Sticky bar (slide-down animation using transform) */
#wpnms-header{
  position:fixed;top:0;left:0;right:0;
  background:#000;color:#fff;z-index:9999;
  transform:translateY(-100%);opacity:0;
  transition:transform .28s ease, opacity .28s ease;
  will-change:transform,opacity;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
#wpnms-header.wpnms-visible{transform:translateY(0);opacity:1}
#wpnms-header.wpnms-hidden{transform:translateY(-100%);opacity:0}

#wpnms-header .wpnms-inner{padding:10px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
#wpnms-header .wpnms-nav,#wpnms-header .wpnms-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:16px}
#wpnms-header .wpnms-nav li{white-space:nowrap}
#wpnms-header .wpnms-nav a{color:#fff;text-decoration:none;font-size:15px;line-height:1;padding:8px 6px;display:inline-block}
#wpnms-header .wpnms-nav a:hover,#wpnms-header .wpnms-nav a:focus,#wpnms-header .wpnms-nav a:active{text-decoration:underline}

/* Debug visuals */
#wpnms-header.wpnms-debug{outline:2px dashed #ff5555}