/*! Gladiatrix 2.0.9 · Menú del móvil on every other page (includes/site-nav.php). The navbar and the menu are the new
 *  home's own, drawn by assets/home/css/gx-site-nav.css (generated from the preview); this file only fits them into a
 *  page of the theme. */

/* on a computer the site keeps its own header and its menu with panels: the new navbar and menu are for phones and
   tablets only (Astra's breakpoint, 921 px, the same as the home's) */
@media (min-width: 922px) {
  html body #gx-sitenav.gx-nav, html body #gx-mnav.gx-mnav { display: none !important; }
}

@media (max-width: 921px) {
  /* the theme's header, and the sticky header plugin's copy of it, step aside */
  body.gx-site-nav #mysticky-wrap, body.gx-site-nav #masthead { display: none !important; }
  /* the navbar over the page's own layers (product galleries, sticky add-to-cart bars), the menu over everything */
  html body #gx-sitenav.gx-nav { z-index: 9990; }
  html body #gx-mnav.gx-mnav { z-index: 100000; }
}

/* the chat launcher (Klaviyo) stays under the open menu, as on the home */
html.gx-lock .kl-hub-launcher-container { display: none !important; }

/* logged in: the navbar and the menu under WordPress's own bar (below 601 px that bar scrolls away with the page;
   gx-home-wp.js keeps the open menu right under it) */
@media (min-width: 783px) and (max-width: 921px) {
  html body.admin-bar #gx-sitenav.gx-nav, html body.admin-bar #gx-mnav.gx-mnav { top: 32px; }
}
@media (min-width: 601px) and (max-width: 782px) {
  html body.admin-bar #gx-sitenav.gx-nav { top: 46px; }
}
@media (max-width: 782px) {
  html body.admin-bar #gx-mnav.gx-mnav { top: 46px; }
}

@media print {
  #gx-sitenav, #gx-mnav { display: none !important; }
}