/* Volledig menu over het scherm trekken */
.side-menu, .offcanvas-menu, .main-navigation.open {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9999 !important;
  background: linear-gradient(90deg, #1a1a1a, #d73520) !important;
  overflow-y: auto;
  transition: transform 0.3s ease-in-out;
}

/* Menu in gesloten toestand buiten beeld */
.side-menu:not(.open), .offcanvas-menu:not(.open) {
  transform: translateX(-100%);
}

/* Body mag niet scrollen als menu open is */
body.menu-open {
  overflow: hidden !important;
}
/* --- WIT MOBIEL MENU ICOON (Jupiter thema) --- */
.mk-nav-trigger,
.mk-burger-icon {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* Streepjes van het hamburgericoon wit maken */
.mk-burger-icon span,
.mk-burger-icon::before,
.mk-burger-icon::after {
  background-color: #ffffff !important;
}

/* Voor SVG iconen in nieuwere versies */
.mk-burger-icon svg path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Zorg dat hij wit blijft bij scroll of sticky header */
.header-scrolled .mk-burger-icon span,
.header-fixed .mk-burger-icon span {
  background-color: #ffffff !important;
}