.modern-mega-menu-wrapper {
  width: 100%;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0.5em !important;
  font-family: inherit !important;
}

.modern-mega-menu-wrapper ul,
.modern-mega-menu-wrapper .menu,
.modern-mega-menu-wrapper .sub-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  background: none !important;
}

.modern-mega-menu-wrapper .sub-menu {
  flex-direction: column !important;
  position: absolute !important;
  left: 0;
  top: 100%;
  min-width: 200px;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  z-index: 9999;
  display: none;
}

.modern-mega-menu-wrapper li.menu-item-has-children:hover > .sub-menu,
.modern-mega-menu-wrapper li.menu-item-has-children:focus-within > .sub-menu {
  display: flex !important;
}

.modern-mega-menu-wrapper li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

.modern-mega-menu-wrapper a {
  display: block !important;
  padding: 1em 1.5em !important;
  color: #222 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: 1em !important;
  background: transparent !important;
  transition: background 0.2s, color 0.2s !important;
}

.modern-mega-menu-wrapper a:hover,
.modern-mega-menu-wrapper a:focus {
  background: #f5f5f5 !important;
  color: #0073aa !important;
}

.modern-mega-menu-wrapper .menu-item-wrapper {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .modern-mega-menu-wrapper ul,
  .modern-mega-menu-wrapper .menu {
    flex-direction: column !important;
  }
  .modern-mega-menu-wrapper a {
    padding: 1em !important;
  }
  .modern-mega-menu-wrapper .sub-menu {
    position: static !important;
    box-shadow: none !important;
    min-width: 0 !important;
  }
}