header .menu nav:not(.nav-dropdown) > ul > li {
    padding-right: 35px;
}
.icon-button-wrapper .icon-button-dropdown {
	z-index: 999999;
}
/* THE DROPOWN ITSELF */

.dropdown-button:not(.dropdown-open) .icon-button-dropdown, 
nav ul li:not(:hover) nav:not(:hover)  {
	opacity: 0;	
	
	overflow: hidden;
	transition: 0.2s ease opacity, 0.2s ease transform, 0s ease height 0.2s, 0s linear left 0.2s;
	
	pointer-events: none; 
} 

.icon-button-wrapper .icon-button-dropdown {
	transition: 0.2s ease opacity, 0.2s ease transform, 0s ease height 0.2s, 0s linear left 0.2s;
	transform-origin: top right;
}

.icon-button-wrapper:not(:hover) .icon-button-dropdown:not(:hover) {
	transform: scale(0.95, 0.95);
	opacity: 0;
	pointer-events: none; 
}
.icon-button-dropdown:hover .icon-button-dropdown,  .icon-button-wrapper:has(*:hover) .icon-button-dropdown {
	pointer-events: auto;
	
	opacity: 1;
}
.content-wrapper {
	transition: 0.5s ease filter, 0.5s ease background;
	transition-delay: 0.5s;
}
body:has(.icon-button-wrapper:hover, .icon-button-dropdown:hover) .content-wrapper { 
	background-color: #fff;
	filter:brightness(90%);
	transition: 0.3s ease filter, 0.01s ease background;
	transition-delay: 0.1s;
}


.button:not(.dropdown-open) .icon-button-dropdown > *, 
.icon-button:not(.dropdown-open) .icon-button-dropdown > *, 
nav ul li:not(:hover) nav:not(:hover) > * {
	transition: 0.3s ease opacity, 0.15s ease transform, 0s ease height 0.5s, 0s linear left 0.5s;
	transform: scale(0.975,0.975);
	transform-origin: top left!important;
	
}