#header-desktop .header-wrapper .menu{overflow:visible}
.menu-item-wrap{position:relative;display:inline-block}
#header-desktop .menu-item-wrap .submenu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.15);padding:.4rem 0;min-width:230px;text-align:left;z-index:100}
#header-desktop .menu-item-wrap:hover .submenu{display:block}
#header-desktop .submenu a{display:block;padding:.4rem 1rem;color:inherit;text-decoration:none;white-space:nowrap;font-size:.85rem;line-height:1.4rem}
#header-desktop .submenu a:hover{background:rgba(70,130,180,.12)}
[theme=dark] #header-desktop .menu-item-wrap .submenu{background:#252627;box-shadow:0 2px 10px rgba(0,0,0,.4)}
[theme=black] #header-desktop .menu-item-wrap .submenu{background:#000}

#header-mobile .menu-item-wrap{display:block}
#header-mobile .submenu-toggle{display:inline-block;margin-left:.4rem;padding:0 .5rem;cursor:pointer;user-select:none}
#header-mobile .submenu{display:none;padding-left:1rem}
#header-mobile .menu-item-wrap.submenu-open .submenu{display:block}
#header-mobile .submenu a{display:block;line-height:2rem;font-size:.85rem;opacity:.85}
#header-mobile .submenu-toggle.open{transform:rotate(180deg)}