/* 2026-08-03 v1.2
 * - Aligned the desktop dropdown backdrop with the 165px navigation edge
 *
 * 2026-07-22 v1.1
 * - Kept the desktop dropdown backdrop visible while scrolling long pages
 */

body.is-hovering .content-wrapper, .has-dropdown-open .content-wrapper,
body.is-hovering footer, .has-dropdown-open footer {
    background-color:#fff; 
}
.content-wrapper, .submenu, .menu, footer {
	--t: .2s ease .1s;
	transition: 
		transform var(--t),
		filter var(--t),
		opacity var(--t),
		background var(--t),
		margin var(--t),
		top var(--t),
		left var(--t),
		color var(--t) !important;
}

body.is-hovering .content-wrapper,
body.is-hovering .submenu, 
.has-dropdown-open .content-wrapper,
.has-dropdown-open .menu,
body.is-hovering footer, .has-dropdown-open footer {  
   /* transition: 0.2s ease all;
    filter:brightness(90%);*/
}
.content-overlay {
    background-color:rgba(0,0,0,0.1);
    position: absolute;
    top: 159px;
    left: 0px;
    right: 0px;
    height: 1px;
   
    opacity: 0;
	pointer-events: none!important;
} 

 .menu {
    position: relative;
}
.content-overlay {
    display: none!important;
}
.menu > *:first-child::after {
    bottom: 0px;
    left: 0px;
    right: 0px;
    content: ' ';
    height: 1px;
    position: absolute;
    box-shadow: 0px 100vh 0px 100vh rgba(0,0,0,0);
    z-index: 99999;
    transition: 0.2s ease filter, 0.1s linear opacity, 0.1s linear box-shadow;
}
body.has-dropdown-open .menu > *:first-child::after,
body.is-hovering .menu > *:first-child::after {
     box-shadow: 0px 100vh 0px 100vh rgba(0,0,0,0.1);!important;
}
body.device-desktop.has-dropdown-open .menu > *:first-child::after {
	top: 165px;
	bottom: 0px;
	height: auto;
	position: fixed;
	background-color: rgba(0,0,0,0.1);
	box-shadow: none;
}
body.device-desktop.has-dropdown-open.scroll-passed-header .menu > *:first-child::after {
	top: 0px;
}

body.scroll-passed-header .content-overlay {
    position: fixed;
    top:0px!important;
}

body.is-hovering .content-overlay,
.has-dropdown-open  .content-overlay {  
    transition: 0.2s ease filter, 0.1s linear opacity;
    opacity: 1;
    height: 100vh;
}

body.is-hovering .submenu, 

.has-dropdown-open .menu,
body.is-hovering footer, .has-dropdown-open footer {  
    /*transition: 0.1s ease all!important;
    filter:brightness(90%);*/
 
}
/*.has-dropdown-open .content-wrapper,
body.is-hovering .content-wrapper {
    transition: 0.1s ease all!important;
    background-color: #eee;
}
.has-dropdown-open .content-wrapper >  *,
body.is-hovering .content-wrapper > * {
    transition: 0.1s ease all!important;
    opacity: 0.6;
}
*/
nav ul li nav { /*submenu */
    min-width: 100px;
    position: absolute;
    max-width: 300px;
    
}
nav ul li nav ul{ /*submenu */
    display: block!important;
}

nav ul li nav ul li:not(:first-child) {
  /*  border-top:1px solid #ccc;*/
}
nav ul li nav ul li a {
    padding: 5px;
    padding: 10px 10px!important;
	padding-right: 15px!important;
    color:#666!important;
}
nav ul li nav ul li.selected a {
    color: rgba(255,81,0,1)!important;
}
nav ul li nav ul li a {
    color:#000!important; 
}
body:not(.is-touch-device) nav ul li nav ul li a:hover {
   /* background-color: rgba(255,81,0,1)!important;
    color:#FFF!important;*/
    color:rgba(255,81,0,1);
/*   background-color:  rgba(255,81,0,0.1) !important*/
       background-color: #f8f8f8 !important
}



/* THE DROPOWN ITSELF */


nav > ul > li, .icon-button-wrapper {
	position: relative;
}

nav > ul > li::before { /*Voor betere hovers*/
	z-index: 1;
	content:  ' ' ;
	display: block;
	position: absolute;
	top: 100%;
	height: 2px;
	right: 0px;
	left: 0px;
	
}


.icon-button-dropdown, nav ul li nav {
    cursor:default;
	min-width: 100px;
	max-width: 480px;
	
	transition: 0.1s ease all 0.15s;
	position: absolute;
	
	
	background-color: #fff;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.05);
	
	
	top: calc(100% - 2px);
	padding-top: 2px;
}

.icon-button-dropdown .kdp-cart-content {
    min-width: 360px;
}
.cart-button-shop-further-wrapper {
	display: flex;
}
.icon-button-dropdown .cart-button-shop-further-wrapper {
	
	display: none!important;
}
 .cart-button-shop-further-wrapper > * {
	margin: auto;
}
.icon-button-dropdown .kdp-cart-content	.kdp-cart-items-wrapper { 
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	border-top: 1px solid #eee!important;
	border-bottom: none!important;
	background: none!important;
	border-radius: 0px!important;
}
.icon-button-dropdown .kdp-cart-content {
    
}
.dropdown-open .icon-button-dropdown .kdp-cart-content.kdp-cart-content-empty {*/
     padding:25px;   
}
.dropdown-open .icon-button-dropdown .kdp-cart-content.kdp-cart-content-empty img {
    max-width: 100px!important;
    object-fit: contain;
    max-height: 100px;
    
}
.icon-button-dropdown .kdp-cart-content hr {
	display: none!important;
}
nav ul li nav {
  

    


    min-width:100%;
}
nav ul li nav > ul {
	
	border:1px solid #eee;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.05),  0px -2px 0px 0px rgba(255,81,0,1);
}
nav ul li nav li a {
    white-space: nowrap;
}
nav ul li:not(:last-child) nav { 
    
}
.icon-button-dropdown, nav ul li:last-child nav {
    right: 0px;
}

.button .icon-button-dropdown {
	min-width: 100%;
}
.icon-button-dropdown > * {
	padding: 5px;
}

.icon-button-dropdown li a {
	padding: 5px;
	margin-left: -5px;
	margin-right: -5px;
	width: calc(100% + 10px);
}

div.kdp-subcategories-image-icon {
    min-width: 25px;
    min-height: 20px;

    position: absolute;
    top: 0px;
    left: 15px;
    bottom: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  
}
body.is-touch-device a .kdp-subcategories-image-icon,
a:not(:hover) .kdp-subcategories-image-icon {
     filter: brightness(0%) contrast(100%);
}
.kdp-subcategories-image-icon + * {
    margin-left: 30px;
}

nav ul li nav.nav-subcategories ul li a {
	display: flex;
	gap:10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
nav ul li nav.nav-subcategories ul li a > * {
	margin:auto 0px;
	max-height: 20px;

}
nav ul li nav.nav-subcategories ul li a > *:is(img, .kdp-subcategories-image-icon, .fa ):not(.fa[class*="chevron-left"]) {
	object-fit: contain;
	object-position: center;
	object-repeat:no-repeat;
	margin-left: 0px;
	
	height: 100%;
	min-width: 25px;
	max-width: 30px;
	width: auto;
}

nav ul li nav.nav-subcategories ul li a > *:first-child {
	margin-left: 0px;
}
nav ul li nav.nav-subcategories ul li a > *:last-child {
	margin-right: auto;
}


.icon-button-dropdown *:is(.cart-remarks-tr, .cms-card) {
	display: none!important;
}

#printpreviewrequest-dropdown #cartbuttonbig,
#cart-dropdown #printingpreviewbuttonbig {
	display: none!important;
}

#printpreviewrequest-dropdown .kdp-cart-item-price {
	display: none!important;
	opacity: 0;
}