/* Mobile menu behavioral baseline */
#menubar-s { display: none; }
#menubar_hdr { display: none; }

/* On small screens, hide desktop menu and show header button.
   openclose.js will handle toggling #menubar-s visibility. */
@media (max-width: 800px) {
  #menubar { display: none; }
  #menubar_hdr { display: block; cursor: pointer; }
  #menubar-s { display: none; } /* start hidden; JS toggles it */
}

/* Defensive rule: when JS adds inline styles, respect them.
   No !important here to avoid fighting the script. */

/* Robust toggle via body.nav-open */
@media (max-width: 800px) {
  body.nav-open #menubar-s { display: block; }
}