/*
=========================================================
SUBMENU APP CSS
=========================================================
 * Innehåller styling av undermenyn
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
KNAPPAR
---------------------------------------------------------*/

.lp-app-submenu {
  background: var(--env-ui-color-brand);
  border-top: none!important;
}

.lp-app-submenu__menu {
  padding: 0 1rem !important;
}

div .lp-app-submenu__back-link {
  display: none;
}

div .lp-app-submenu--default-toggler-icons .lp-app-submenu__menu-item__toggler:after,
div .lp-app-submenu--default-toggler-icons .lp-app-submenu__menu-item__toggler:before {
  font-size: 1rem;
}

div .lp-app-submenu__menu-item__link {
  font-size: 1.8rem;
  color: var(--lp-color-1-contrast);
}

div .lp-app-submenu .lp-app-submenu__toggler-icon {
  width: 16px;
  height: 16px;
}

/* Bakgrundsfärg och kantlinjer per nivå - länk och knapp */
div .lp-app-submenu__menu-item__link,
div .lp-app-submenu__menu-item__toggler {
  background: var(--env-ui-color-brand);
  color: var(--lp-color-1-contrast);
  border-color: var(--env-ui-color-brand);
}

div .lp-app-submenu__menu-item__link--level-1,
div .lp-app-submenu__menu-item__toggler--level-1 {
  background: var(--env-ui-color-brand);
}

div .lp-app-submenu__menu-item__toggler--level-1:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.lp-app-submenu__menu-item__link--level-2,
.lp-app-submenu__menu-item__toggler--level-2 {
  background: var(--env-ui-color-brand);
}

div .lp-app-submenu__menu-item__link--level-3,
div .lp-app-submenu__menu-item__toggler--level-3 {
  background: var(--env-ui-color-brand);
}

/*
div .lp-app-submenu__menu-item--level-2.lp-app-submenu__menu-item--is-active > * {
  background: rgba(255, 255, 255, 1);
}*/

.lp-app-submenu__menu-item__toggler:hover {
  background: rgba(0, 0, 0, 0.1);
}

div .lp-app-submenu__menu-item__link--level-4,
div .lp-app-submenu__menu-item__toggler--level-4 {
  background: var(--env-ui-color-brand);
  color: var(--lp-color-1-contrast);
}

div .lp-app-submenu__menu-item__link--level-5,
div .lp-app-submenu__menu-item__toggler--level-5 {
  background: var(--env-ui-color-brand);
  color: var(--lp-color-1-contrast);
}

div .lp-app-submenu__menu-item__link--level-6,
div .lp-app-submenu__menu-item__toggler--level-6 {
  background: var(--env-ui-color-brand);
  color: var(--lp-color-1-contrast);
}

/* Indrag och textstorlek per nivå - länk */

div .lp-app-submenu__menu-item__link--level-1 {
  padding: 1.1rem 1rem 1rem 2rem;
  font-weight: 600;
}

div .lp-app-submenu__menu-item__link--level-2 {
  padding-left: 1.5rem;
}

div .lp-app-submenu__menu-item__link--level-3 {
  padding-left: 2.5rem;
}

div .lp-app-submenu__menu-item__link--level-4 {
  padding-left: 4rem;
}

div .lp-app-submenu__menu-item__link--level-5 {
  padding-left: 5.5rem;
}

div .lp-app-submenu__menu-item__link--level-6 {
  padding-left: 7rem;
}

.lp-app-submenu__menu-item__toggler:hover {
  background-color: var(--lp-color-1-dark) !important;
  color: var(--lp-color-1-contrast) !important;
}

/*
---------------------------------------------------------
MENY I MENY  UTFÄLLBAR
---------------------------------------------------------*/

.lp-website-menu-wrapper.lp-expandable-content {
  margin: 1rem -3rem 0 -3rem !important;
  background: var(--lp-color-1-dark);
  padding: 0 1rem;
}

.lp-website-menu-wrapper .lp-expandable-content__wrap .lp-expandable-content__toggler:after {
  background-color: var(--lp-color-1-dark);
}

.lp-website-menu-wrapper.lp-expandable-content button, .lp-website-menu-wrapper .lp-expandable-content__wrap ul {
  border-top: none;
  padding-top: 0;
}

.lp-website-menu-wrapper.lp-expandable-content button, .lp-website-menu-wrapper .lp-expandable-content__wrap ul li a {
  color: var(--lp-color-1-contrast);
  font-size: 18px;
}

.lp-website-menu-wrapper.lp-expandable-content button {
  padding-top: 3rem;
  font-weight: 600;
}

.lp-website-menu-wrapper .lp-expandable-content__toggler {
  justify-content: space-between;
}

.lp-website-menu-wrapper .lp-expandable-content__toggler .lp-icon {
  height: 16px;
  width: 16px;
  color: var(--lp-color-1-contrast);
}

.lp-website-menu-wrapper .lp-expandable-content__wrap .lp-expandable-content__toggler:after {
  opacity: 1 !important;
}

.lp-website-menu-wrapper .lp-expandable-content__wrap {
  border: none;
  border-radius: 0;
}

.lp-website-menu-wrapper .lp-expandable-content__wrap {
  background-color: var(--lp-color-1-dark);
}

.lp-website-menu-wrapper .lp-expandable-content__wrap ul li {
  border: none;
  padding: 1.1rem 1rem 1rem 2rem;
}

.lp-website-menu-wrapper .lp-expandable-content__wrap ul li > a {
  justify-content: flex-start;
}

.lp-website-menu-wrapper .lp-expandable-content__wrap ul li > a .lp-icon {
  color: var(--lp-color-1-contrast);
}