/* 
* Humburger menu drawer styles
async load to improve html size and performance
*/
.header__menu-humburger__drawer .ios_safari_bottom_bar {
  display: none;
}

.header__humburger_sidebar-container {
  overflow-y: auto;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  
}

spz-nested-menu  div[spz-nested-submenu] {
  transform: translate3d(0, 0, 0) !important;
  will-change: transform, opacity;
}

.header__humburger_sidebar-container.third-level,
.header__humburger_sidebar-container.second-level {
  height: calc(100% - 40px);
}


.header__menu-humburger__drawer-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 959.98px) {
  .header__menu-humburger__drawer + .i-spzhtml-sidebar-mask[open] {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  body .header__menu-humburger__drawer[side='left'] {
    position: fixed !important;
    width: 100% !important;
    max-width: 100% !important;
    top: 80px;
    bottom: 0 !important;
    overflow: hidden !important;
    
  }
  #header__menu-humburger-popup-inner {
    border-radius: 0 !important;
    border: none !important;
  }

}

@media (min-width: 960px) {
  body .header__menu-humburger__drawer[side='left'] {
    position: fixed !important;
    top: 20px !important;
    bottom: 20px !important;
    left: 20px !important;
    width: 496px !important;
    overflow: hidden !important;
    border-radius: 12px;
  }
  body .header__menu-humburger__drawer[side='left'].has-graphic-mix {
    width: 528px !important;
  }

  .header__humburger_sidebar-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  #header__menu-humburger-popup {
    border-radius: var(--popup-corner-radius);
  }
}

/* 
* Accordion style (when the second and third level menus are displayed together, the side menu also has an accordion)
*/
.menu-accordion {
  display: block;
}
.menu-accordion section {
  height: auto !important;
}

section[expanded] > [accordion-header] .header__menu-humburger-accordion--open {
  display: none;
}

.header__menu-humburger-accordion--close {
  display: none;
}
section[expanded] > [accordion-header] .header__menu-humburger-accordion--close {
  display: inline-flex;
}


.header__menu-humburger-title.horizontal .cover-img {
  width: 40px;
  margin-right: 10px;
}

.header__menu-humburger-title.vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header__menu-humburger-title.vertical .cover-img {
  width: 100%;
  margin-bottom: 10px;
}