/* n10-site-code: [Imported] Elementor - Menu Cart fixes [Nine10 CSS] · last edited by unknown on 2026-11-08 22:03:49 UTC · Nine10 entries are maintained by Nine10; use the Client entries for site changes. */
/* Hide cart container when closed */
.elementor-menu-cart__container[aria-hidden="true"] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Show and style cart when open */
.elementor-menu-cart__container[aria-hidden="false"] {
  display: block !important;
  position: fixed !important;
  top: -20px !important;
  right: -74px !important;
  left: auto !important;
  width: 350px !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
  z-index: 99999 !important;
  background: #fff !important;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.2);
  transform: translateX(0) !important;
}

/* Optional: add a semi-transparent page overlay when cart is open */
body.elementor-menu-cart--shown::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99998;
}