// ------------------------------------
// CUSTOM MENU - COLLAPSIBLE GROUPS
// ------------------------------------

// Hide all menu items except the group-label and collapse-menu
// Fixes reloading of collapsed menu on initial load
#adminmenu li.collapsed ~ li:not( .group-label ):not( #collapse-menu ) {
	display: none;
}

// Adds a border to the group-label
#adminmenu .group-label {
	border-bottom: solid 1px $dark-grey;
	margin-top: remsize( .5rem );
}



// Hides the icons for the group-labels
#adminmenu .store-label div.wp-menu-image, 
#adminmenu .content-label div.wp-menu-image, 
#adminmenu .apps-label div.wp-menu-image, 
#adminmenu .settings-label div.wp-menu-image {
	display: none;
}

// Fixes overlapping menu items and icons on mobile using wp-responsive-open class
.wp-responsive-open #adminmenu div.wp-menu-image {
	position: relative;
}




// Aligns the group menu items to the left
#adminmenu div.wp-menu-name {
	padding-left: remsize( 1rem );
}




// Group icons
#adminmenu .group-label .toggle-chevron {
	@include chevron-icon;
}

.auto-fold:not( .folded ) #adminmenu .group-label .toggle-chevron {
	@media (min-width: 961px) {
		@include chevron-icon;
		left: unset;
	}
}

.folded #adminmenu .group-label .toggle-chevron,
.auto-fold #adminmenu .group-label .toggle-chevron {
	@media (min-width: 782px) {
		@include chevron-icon-folded-state;
	}
}