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

div .lp-app-submenu {
  font-family: var(--lp-font-family--heading);

  --lp-submenu__link-background-color--level-1: var(--lp-element--background);
  --lp-submenu__link-background-color--level-2: var(--lp-element--background);
  --lp-submenu__link-background-color--level-3: var(--lp-element--background);
  --lp-submenu__link-background-color--level-4: var(--lp-element--background);
  --lp-submenu__link-background-color--level-5: var(--lp-element--background);
  --lp-submenu__link-background-color--level-6: var(--lp-element--background);
  --lp-submenu__link-font-color--level-1: var(--lp-element--contrast);
  --lp-submenu__link-font-color--level-2: var(--lp-element--contrast);
  --lp-submenu__link-font-color--level-3: var(--lp-element--contrast);
  --lp-submenu__link-font-color--level-4: var(--lp-element--contrast);
  --lp-submenu__link-font-color--level-5: var(--lp-element--contrast);
  --lp-submenu__link-font-color--level-6: var(--lp-element--contrast);
  --lp-submenu__link-font-size--level-1: var(--lp-font-size-medium);
  --lp-submenu__link-indent: var(--lp-spacing-small);
  --lp-submenu__link-indent--level-1: 1rem;
  --lp-submenu__link-indent--level-2: calc(1 * var(--lp-submenu__link-indent));
  --lp-submenu__link-indent--level-3: calc(1.5 * var(--lp-submenu__link-indent));
  --lp-submenu__link-indent--level-4: calc(2 * var(--lp-submenu__link-indent));
  --lp-submenu__link-indent--level-5: calc(2.5 * var(--lp-submenu__link-indent));
  --lp-submenu__link-indent--level-6: calc(3 * var(--lp-submenu__link-indent));
  --lp-submenu__toggler-background-color--hover-level-1: var(--lp-element--background-dark);
  --lp-submenu__toggler-background-color--level-1: var(--lp-element--background);
  --lp-submenu__toggler-background-color--level-2: var(--lp-element--background);
  --lp-submenu__toggler-background-color--level-3: var(--lp-element--background);
  --lp-submenu__toggler-background-color--level-4: var(--lp-element--background);
  --lp-submenu__toggler-background-color--level-5: var(--lp-element--background);
  --lp-submenu__toggler-background-color--level-6: var(--lp-element--background);
  --lp-submenu__toggler-font-color--hover-level-1: var(--lp-element-secondary--background);
  --lp-submenu__toggler-font-color--level-1: var(--lp-element-secondary--background);
  --lp-submenu__toggler-font-color--level-2: var(--lp-element-secondary--background);
  --lp-submenu__toggler-font-color--level-3: var(--lp-element-secondary--background);
  --lp-submenu__toggler-font-color--level-4: var(--lp-element-secondary--background);
  --lp-submenu__toggler-font-color--level-5: var(--lp-element-secondary--background);
  --lp-submenu__toggler-font-color--level-6: var(--lp-element-secondary--background);
  --lp-submenu__toggler-font-size: 1.8em;
}

.lp-fixed-menu .lp-app-submenu__menu {
  text-transform: uppercase;
}

.lp-fixed-menu .lp-app-submenu .lp-app-submenu__menu-item__toggler {
  border-radius: 50%;
  min-height: 46px;
  transition: var(--lp-transition-default);

  align-self: center;
}

.lp-fixed-menu .lp-app-submenu .lp-app-submenu__menu-item__link,
.lp-fixed-menu.lp-overlay__container .lp-app-submenu,
.lp-fixed-menu .lp-app-submenu .lp-app-submenu__menu-item__toggler {
  border: 0;
}

.lp-fixed-menu .lp-app-submenu__menu-item__link--is-current {
  text-decoration: underline;
}