/* Override CSS for static site
   This file contains fixes specific to the static HTML version */

/* Hide Skip to Content and Shopping Cart */
#skip-to-content,
.skip-to-content,
.header-skip-link,
.floating-cart,
#floatingCart,
.sqs-cart-quantity,
.icon--cart,
.Cart-inner,
.legacy-cart {
  display: none !important;
}

/* Show only desktop header on desktop, hide mobile header and menu */
.header-display-mobile,
.header-menu {
  display: none !important;
}

.header-display-desktop {
  display: flex !important;
}

/* Responsive - Show mobile header and hide desktop on mobile */
@media (max-width: 768px) {
  .header-display-desktop {
    display: none !important;
  }

  .header-display-mobile {
    display: flex !important;
  }

  .header-burger,
  .header-burger-btn {
    display: flex !important;
  }

  /* Mobile menu should be available but hidden by default */
  .header-menu {
    display: flex !important;
  }
}

/* When menu is open */
body.header--menu-open {
  overflow: hidden;
}

body.header--menu-open .header-menu {
  display: flex !important;
  opacity: 1;
  visibility: visible;
}

body.header--menu-open .header-menu-bg {
  display: block !important;
}