/* Layout handling */
.o-mm__items {
  position: relative; /* important for submenu position absolute*/
  display: flex;
  justify-content: space-between;
  z-index: 100;
}

.c-mm__link {
  display: inline-block;
  cursor: pointer;
}

/* Submenu */
.c-mm__submenu {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: -1;
}

.is-item-active .c-mm__submenu,
.c-mm__submenu.is-submenu-active {
  display: block;
  z-index: 20;
}

[class].is-item-active {
  position: unset;
}

/* Inner layout */
.o-mm__col {
  display: grid;
  gap: clamp(1rem, calc(1rem + 0vw), 1rem);
}

.o-mm__col--2 {
  grid-template-columns: repeat(2, 1fr);
}

.o-mm__col--3 {
  grid-template-columns: repeat(3, 1fr);
}

.o-mm__col--4 {
  grid-template-columns: repeat(4, 1fr);
}

.o-mm__col--5 {
  grid-template-columns: repeat(5, 1fr);
}

.o-mm__col--6 {
  grid-template-columns: repeat(6, 1fr);
}

/* Tabs */
.c-mm__navtabs {
  display: flex;
  flex-direction: column;
}

.c-mm__tabcontent {
  flex-grow: 1;
}

/* List */
.l-mm__list {
  display: flex;
  flex-direction: column;
}

/* Subemnu animation */
.c-mm__submenu > * {
  animation: mega-nav-entry-animation .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes mega-nav-entry-animation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}