/* 2.9.20: phone sticky — force .navtoggle visible over v298 :has(.navmenu) hide.
   v2919 lost to: header.top .wrap:has(.navmenu) .navtoggle{display:none!important} (higher specificity).
   Keep #topnav collapsed until .open; Sign in / nav stay inside the opened menu. */
@media (max-width:760px){
  header.top .wrap{
    overflow:visible!important;
    flex-wrap:nowrap!important;
  }
  /* Beat style.css (.navtoggle{display:none}), .navjs gate, and v298 :has(.navmenu) hide */
  header.top .wrap > .navtoggle,
  header.top .wrap .navtoggle,
  header.top .wrap:has(.navmenu) .navtoggle,
  header.top .wrap:has(#topnav) .navtoggle,
  header.top .wrap:has(nav) .navtoggle{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:40!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    order:3!important;
    margin-left:auto!important;
    margin-right:0!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:10px!important;
    box-sizing:border-box!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    border-radius:8px!important;
    border:1px solid rgba(255,255,255,.35)!important;
    background:transparent!important;
    cursor:pointer!important;
  }
  header.top .wrap > .navtoggle span,
  header.top .wrap .navtoggle span,
  header.top .wrap:has(.navmenu) .navtoggle span{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    background:#fff!important;
    height:2px!important;
    width:100%!important;
    border-radius:1px!important;
    flex:0 0 auto!important;
  }
  /* Keep inline nav collapsed on phone even when v298 forces nav:has(.navmenu) flex */
  header.top .wrap #topnav:not(.open),
  header.top .wrap nav#topnav:not(.open),
  header.top .wrap:has(.navmenu) #topnav:not(.open),
  header.top .wrap:has(.navmenu) nav:not(.open){
    display:none!important;
  }
  header.top .wrap #topnav.open,
  header.top .wrap nav#topnav.open{
    display:flex!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    z-index:50!important;
  }
}
@media (min-width:761px){
  header.top .wrap .navtoggle,
  header.top .wrap:has(.navmenu) .navtoggle{
    display:none!important;
  }
}