/* 2026-09-16 v1.3
 * - Added one 250ms entry delay for the complete desktop main menu
 * - Removed the existing per-category delay while the menu remains hovered
 *
 * 2026-07-22 v1.1
 * - Replaced header hover :has() selectors with direct hover and body state classes
 */

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; 
} 

@media (hover: hover) and (pointer: fine) {
	#mainphonemenu > .max-width-lock > nav > ul > li > nav {
		visibility: hidden;
	}

	#mainphonemenu > .max-width-lock > nav:hover > ul > li > nav {
		animation: kd-main-menu-hover-ready 0s linear 250ms forwards;
		transition-delay: 0s;
	}
}

@keyframes kd-main-menu-hover-ready {
	to {
		visibility: visible;
	}
}

.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-wrapper: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-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;
	
}