/*
    - Name: "main_menu.scss"
    - Description: "Add custom styles to main_menu component"
*/
.c-menu ul.c-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-menu.vertical-menu ul.c-menu__list li {
  display: block;
}

.c-menu.vertical-menu ul.c-menu__list li ul.c-menu__list {
  display: none;
}

.c-menu.vertical-menu ul.c-menu__list li.show ul.second-level {
  display: block;
}

.c-menu.horizontal-menu ul.c-menu__list li:not(.li-second-level) {
  display: inline-block;
}

.c-menu.horizontal-menu ul.c-menu__list li:not(.li-second-level) ul.c-menu__list {
  /* display: none;*/
}

.c-menu.horizontal-menu ul.c-menu__list li:not(.li-second-level).li-first-level .submenu {
  display: none;
  position: absolute;
  top: 57px;
  left: 0;
  background-color: var(--headerColorDropdownBackground);
  z-index: 1;
  padding: var(--spacingXl) 0;
  width: 100%;
}

.c-menu.horizontal-menu ul.c-menu__list li:not(.li-second-level).li-first-level.show .submenu {
  display: block;
}

.c-menu.horizontal-menu ul.c-menu__list li:not(.li-second-level).li-first-level.show .submenu ul.second-level {
  display: block !important;
}

.c-menu.horizontal-menu ul.c-menu__list li:not(.li-second-level).li-first-level.show .submenu::before {
  content: "";
  top: 0;
  width: 100%;
  display: block;
  position: absolute;
  height: 16px;
  z-index: 1;
  background: linear-gradient(180deg, #e3e3e3 0%, rgba(227, 227, 227, 0) 100%);
}

.c-menu.horizontal-menu ul.c-menu__list li:not(.li-second-level).li-first-level.show .c-menu--itemicon {
  transform: rotate(180deg);
}

.c-menu.horizontal-menu ul.c-menu__list li:not(.li-second-level).li-first-level:not(:focus-within) .submenu {
  display: none;
}

.c-menu.menu-main {
  position: relative;
  box-shadow: var(--desktopHeaderMenuShadow1Color) var(--desktopHeaderMenuShadow1X) var(--desktopHeaderMenuShadow1Y) var(--desktopHeaderMenuShadow1Blur) var(--desktopHeaderMenuShadow1Spread), var(--desktopHeaderMenuShadow0X) var(--desktopHeaderMenuShadow0Y) var(--desktopHeaderMenuShadow0Blur) var(--desktopHeaderMenuShadow0Spread) var(--desktopHeaderMenuShadow0Color);
}

.c-menu.menu-main ul.c-menu__list {
  font-family: var(--desktopHeaderMenuItemTextFontFamily);
  font-size: var(--desktopHeaderMenuItemTextFontSize);
  font-weight: var(--desktopHeaderMenuItemTextFontWeight);
}

.c-menu.menu-main ul.c-menu__list > li:not(.li-second-level) {
  width: auto;
  vertical-align: middle;
  letter-spacing: var(--desktopHeaderMenuItemTextLetterSpacing);
}

.c-menu.menu-main ul.c-menu__list > li:not(.li-second-level) .c-menu--itemgroup {
  padding: var(--desktopHeaderMenuItemPaddingY) var(--desktopHeaderMenuItemPaddingX);
  border-right: 1px solid var(--headerColorMenuItemSeparator);
}

.c-menu.menu-main ul.c-menu__list > li:not(.li-second-level) .c-menu--itemgroup span.no-link,
.c-menu.menu-main ul.c-menu__list > li:not(.li-second-level) .c-menu--itemgroup a.c-link {
  font-family: var(--linkBaseFontFamily), sans-serif;
  font-size: var(--desktopHeaderMenuItemTextFontSize);
  font-weight: var(--desktopHeaderMenuItemTextFontWeight);
  line-height: var(--linkBaseLineHeight);
  letter-spacing: var --desktopHeaderMenuItemTextLetterSpacing;
}

.layout-header .main-menu-responsive {
  display: none;
}

@media all and (max-width: 50.0625rem) {
  .layout-header.header-desktop .main-menu-desktop {
    display: none;
  }
  .layout-header .main-menu-responsive {
    display: none;
  }
  .layout-header .main-menu-responsive.show {
    display: block;
    width: 100%;
    position: relative;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul {
    width: 100%;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li {
    display: block;
    width: 100%;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li .back {
    display: none;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li > .c-menu--itemgroup {
    border: none;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li > .c-menu--itemgroup .c-menu--itemlink,
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li > .c-menu--itemgroup .c-menu--itemicon {
    display: flex;
    width: -webkit-fill-available;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li.show > .c-menu--itemgroup {
    display: none;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li.show .back {
    display: block;
    background-color: var(--colorBackgroundLightGrey);
    font-weight: var(--fontWeightSemibold);
    font-size: var(--fontSizeBody);
    line-height: var(--largeDefaultLineHeight);
    color: var(--tagTextColor);
    box-shadow: none;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li.show .submenu {
    display: block;
    position: relative;
    padding: 0;
    top: 0;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li.show .submenu::before {
    display: none;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li.show .submenu a {
    display: block;
    font-weight: var(--fontWeightRegular);
    font-size: var(--fontSizeLead);
    line-height: var(--largeDefaultLineHeight);
    color: var(--tagTextColor);
    text-decoration: none;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li:not(.has-level) {
    display: flex;
  }
  .layout-header .main-menu-responsive.show .c-menu.menu-main ul.c-menu__list > li:not(.has-level) .c-menu--itemgroup {
    width: 100%;
  }
}