#header{
	display: flex;
	justify-content: center;
}

#header .header-wrapper .header-inner{
	padding: 0 40px;
}

#header .header-wrapper{
	max-width: 1450px !important;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

#header .header-wrapper.stuck .header-bg-color{
	background: #FFF;
}

#header .header-wrapper .header-bg-color{
	border-radius: 0;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

#header .header-wrapper.stuck{
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

#header .header-wrapper:not(.stuck) .logo img{
	transition: none;
}

#header .header-wrapper.stuck{
	max-width: unset;
}

#header .header-wrapper .header-cart-link{
	display: flex;
	gap: 6px;
	align-items: center;
	border-radius: 9px;
	padding: 16px 19px 16px 41px;
	height: 52px;
	border: 1px solid #DEDEDE;
	background: none;
}

#header.nav-dark .header-wrapper .header-cart-link{
	backdrop-filter: blur(8px);
	background: #0000000A;
	border-color: #FFFFFF36;
}

#header .header-wrapper .header-cart-link:has([data-icon-label="0"]){
	padding-left: 19px;
}

#header .header-wrapper .cart-img-icon{
	filter: unset;
	width: 18px;
	height: 18px;
}

#header.nav-dark .header-wrapper .cart-img-icon{
	filter: brightness(5);
}

#header .header-wrapper .header-cart-icon{
	display: flex;
}

#header .header-wrapper .header-cart-link:after{
	content: "Ko\0161" "arica";
	font-family: Manrope;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	text-transform: none;
	color: #6B6B6B;
}

#header.nav-dark .header-wrapper .header-cart-link:after{
	color: #FFF;
}

#header .header-wrapper [data-icon-label]:after{
	left: -22px;
	right: unset;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: none;
}






form[role="search"] input{
	border: 1px solid #DEDEDE;
	background: transparent;
	border-radius: 9px;
	box-shadow: none;
	height: 52px;
	padding: 0 15px;
	width: 350px;
	font-weight: 600;
	font-size: 16px;
	line-height: 154%;
	color: #A8A8A8;
	box-shadow: none !important;
}

.mfp-content form[role="search"] input{
	width: 100%;
}

form[role="search"] input::placeholder {
  color: #A8A8A8;
  opacity: 1;
}

.nav-dark form[role="search"] input::placeholder {
  color: #FFF;
}

.nav-dark form[role="search"] input{
	border-color: #FFFFFF36;
	background: #0000000A;
	color: #FFF;
	backdrop-filter: blur(8px);
}

form[role="search"] button[type="submit"]{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border: none;
	background: none;
    line-height: 22px;
    min-height: unset;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

form[role="search"] button[type="submit"]:hover{
	box-shadow: none;
}

form[role="search"] button[type="submit"] i{
	top: 0;
}

form[role="search"] button[type="submit"] i:before{
	content: '';
	background: url(../../modules/iskanje-revirja/assets/search-gray.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 22px;
	height: 22px;
	display: block;
}

.nav-dark form[role="search"] button[type="submit"] i:before{
	background-image: url(../../modules/iskanje-revirja/assets/search.svg);
}





#header .menu-item-type-custom.has-dropdown > a{
	background: #909B47;
	padding: 15px 25px;
	height: 52px;
	border-radius: 9px;
	align-items: center;
	font-family: Manrope;
	font-weight: 600;
	font-size: 16px;
	line-height: 154%;
	text-transform: none;
	color: #FFF;
	gap: 10px;
}

#header .menu-item-type-custom.has-dropdown.current-dropdown > a{
	background: #6B7335;
}

#header .menu-item-type-custom.has-dropdown > a:before{
	content: '';
	background: url(../menu.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 19px;
	height: 19px;
	display: block;
	opacity: 1 !important;
}

#header .menu-item-type-custom.has-dropdown > a i:before{
	content: '';
	background: url(../dropdown.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: brightness(50);
	display: block;
	width: 24px;
	height: 24px;
}



#header .menu-item-type-custom.has-dropdown .sub-menu{
	min-width: unset;
	inset: 93px 0px 0px -205px !important;
	width: 0 !important;
	border: none;
	background: none;
	box-shadow: none;
}

#header .menu-item-type-custom.has-dropdown .sub-menu .dropdown{
	background: none;
}

#header .menu-item-type-custom.has-dropdown .sub-menu ul{
	border-radius: 25px 8px 25px 25px;
	box-shadow: 1px 1px 15px rgba(0,0,0,.15);
	max-height: calc(100vh - 140px);
	max-height: calc(100dvh - 140px);
	height: 100%;
	width: calc((min(100vw, 1470px) - 64px) / 3) !important;
	min-width: unset;
	min-height: unset;
	transition: border-radius 0.3s, opacity 0.3s, visibility 0.3s;
}

#header .menu-item-type-custom.has-dropdown .sub-menu ul .dropdown-submenu{
	left: calc(100% + 7px);
	border-radius: 8px 25px 25px 8px;
}

#header .menu-item-type-custom.has-dropdown .sub-menu ul  .dropdown-submenu:has(.kw-open){
	border-radius: 8px;
}

#header .menu-item-type-custom.has-dropdown .main-mega-menu:has(.kw-open){
	border-bottom-right-radius: 8px;
}

#header .menu-item-type-custom.has-dropdown .sub-menu ul .dropdown-submenu:before{
	ccontent: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -80px;
	width: 160px;
}

.dropdown-menu .kw-scroll li.mega-menu-has-dropdown:hover > a{
	background: #BCC29433;
}

#header .menu-item-type-custom.has-dropdown .kw-scroll{
	--kw-sbw: 0px;
}

.dropdown-menu .kw-scroll li.mega-menu-has-dropdown:hover:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -19px;
	width: calc(31px + var(--kw-sbw));
}


#header .menu-item-type-custom.has-dropdown.current-dropdown > a:after{
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 80px;
}

#header .menu-item-type-custom.has-dropdown .kw-scroll{
	overflow-y: auto;
	height: 100%;
	max-height: calc(100vh - 170px);
	max-height: calc(100dvh - 170px);
	padding: 35px 12px;
}

@media (max-width: 549px){
	#header .header-wrapper .header-cart-link:after{
		display: none;
	}
	
	#header .header-wrapper [data-icon-label]:after{
		left: unset;
		top: 0;
		right: 0;
        transform: translate(50%, -50%);
	}
	
	#header .header-wrapper .header-cart-link{
		padding: 12px 19px;
	}
}























/* =================================
   MAIN MENU - unify link style
   Apply header-like look to ALL links
   ================================= */

#main-menu li > a{
	display: flex;
	align-items: center;
	gap: 10px;

	height: 52px;
	padding: 15px 25px;

	border-radius: 9px;

	font-family: Manrope;
	font-weight: 600;
	font-size: 16px;
	line-height: 154%;
	text-transform: none;

	color: #6B6B6B;
	background: transparent;

	transition: background .2s ease, color .2s ease;
}