/*
-------------------------------------------
wf-drawer-menu.css
-------------------------------------------

  Beskrivning: Stilregler för utfällbar meny
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

------------------------------------------- */


/*
-------------------------------------------
Utfällbar meny
------------------------------------------- */

.wf-drawer-menu {
  --wf-drawer-menu-padding: var(--wf-spacing-40);
  --wf-drawer-menu-padding-top: var(--wf-spacing-20);
  --wf-menu-button-expand-link-size: 2.75em;

  background-color: var(--color-block);
  padding:var(--wf-drawer-menu-padding-top) var(--wf-drawer-menu-padding);
  box-sizing: border-box;
}

.wf-drawer-menu button.env-button.wf-drawer-close-btn {
  width:100%;
  margin: 0 0 var(--wf-spacing-40) 0;
  border-radius: var(--wf-radius-small);
  border-color: var(--color-brand) !important; /*Sätter över en annan important från SV*/
}


/* Huvudmeny */
.wf-drawer-menu nav {
  background: transparent;
  margin: 0 calc(-1 * var(--wf-drawer-menu-padding)) var(--wf-spacing-40);
}

.wf-drawer-menu nav button {
  border-radius:var(--wf-radius-small) 0 0 var(--wf-radius-small);
}

/* Länkar enbart nivå 1 */
.wf-drawer-menu nav > ul > li > a{
  display:none;
}

/* Länkar enbart nivå 2 (Huvudingångar) */
.wf-drawer-menu nav > ul > li > ul > li > a,
.wf-drawer-menu nav > ul > li > ul > li > button {
  font-size: var(--wf-font-size-h4);
}

.wf-drawer-menu nav > ul > li > ul > li > a {
  padding: var(--wf-spacing-10) var(--wf-menu-button-expand-link-size) var(--wf-spacing-10) var(--wf-spacing-40);
}

.wf-drawer-menu nav a {
  font-family:var(--wf-font-heading);
  border-color:var(--color-text-decor);
}

.wf-drawer-menu nav a[aria-current="page"] {
  background: var(--color-block-primary);
  color: inherit;
}

.wf-drawer-menu nav a:hover {
  color: var(--color-block-contrast);
}


/* Extra meny */
.wf-drawer-menu .sv-jcrmenu-portlet .sv-defaultlist li.env-d--inline {
  display: block !important;
  margin-bottom: var(--wf-spacing-10);
}

.wf-drawer-menu .sv-jcrmenu-portlet .sv-defaultlist a {
  display: inline-block;
  color: inherit;
  font-size: var(--wf-font-size-normal);
  min-height: 44px;
  padding: 0;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
  font-family: var(--wf-font-heading);
  font-weight: 500;
  margin-bottom: 0;
}


/*
-------------------------------------------
Undantag för specifika delområden/underwebbar
------------------------------------------- */

.sv-theme-sommar-i-skeppsbron .wf-drawer-menu {
  background-color: var(--color-brand);
}

.sv-theme-sommar-i-skeppsbron .wf-drawer-menu nav a,
.sv-theme-sommar-i-skeppsbron .wf-drawer-menu nav > ul > li > ul > li > button {
  color: var(--color-brand-contrast);
}

.sv-theme-sommar-i-skeppsbron .wf-drawer-menu nav a[aria-current="page"] {
  background-color: var(--color-brand-hover);
}

.sv-theme-sommar-i-skeppsbron .wf-drawer-menu button.env-button.wf-drawer-close-btn {
  border-color: var(--color-brand-contrast) !important;
}