/* Search bar */
#searchform-menu{position:relative;width:100%;}

.searchbox-menu{position:relative;font-size:14px;color:var(--zwart);width: 100%;}
.searchbox-menu input{color: #000;background: #fff;border: none !important;border-radius: 50px !important;height: 44px;padding:0 60px 0 20px !important;font-size: 14px;}
.searchbox-menu input:focus{border:none !important;outline:none !important;}
.searchbox-menu input[type="text"]::placeholder{color:rgba(0,0,0,0.5);}
.searchbox-menu .reset{opacity: 0;color: #000;border: none;position: absolute;right: 0;top: 0;transform: translateY(10px);pointer-events: none;height: 44px;width: 44px;border-radius: 50px;background: #FFF;display: flex;align-items: center;justify-content: center;text-decoration: none;z-index: 999;font-size: 20px;}
.searchbox-menu #searchform-menu:after{content: "\f002";font-family: "Font Awesome 6 Pro";position: absolute;right: 0;top: 0;font-weight: 400;opacity: 1;font-size: 16px;transition: all 150ms ease-in-out;pointer-events: none;color: #000;background: transparent;width: 44px;height: 44px;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.searchbox-menu.active{opacity:1;visibility:visible;}
.searchbox-menu.active .reset{opacity:1;transform:translateY(0);pointer-events: unset;}

.search_results_menu{opacity: 0;transition: all 150ms ease-in-out;transform: translateY(10px);position: absolute;z-index: 999;width: calc(100% + 95px);background: #fff;border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);overflow-y: auto;max-height: calc(100vh - 200px);pointer-events: none;top: calc(100% + 14px);padding: 20px;left: -95px;}
.active .search_results_menu{opacity:1;position:absolute;transform:translateY(5px);pointer-events:all;}

.searchbox-menu.active #searchform-menu::before{content:'';position: fixed;top:0;left:0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);z-index: -1;}

.search_results_menu .result-section + .result-section{border-top: 1px solid #e5e5e5;margin-top: 25px;padding-top: 25px;}
.search_results_menu .result-section:last-of-type{padding-bottom: 10px;}

.search_results_menu h4{margin: 0 0 20px 0;line-height: 1;font-size: 14px !important;font-weight: 700 !important;color: #023a78 !important;}
.search_results_menu button{font-size: 14px;border-radius: 50px;font-weight: 600;}
.search_results_menu button::after{display: none;}


.search_results_menu .result-section.link ul{list-style-type: initial;padding-left: 18px;margin: 0;}
.search_results_menu .result-section.link ul li::marker{color: #dfdfdf}
.search_results_menu .result-section.link ul li a{color: #023a78;text-decoration: underline;transition: all 150ms ease-in-out;display: block;width: fit-content;font-weight: 400;}

.search_results_menu .result-section.product ul{padding: 0;margin: 0;list-style-type: none;}
.search_results_menu .result-section.product a{text-decoration: none;transition: all 150ms ease-in-out;overflow: hidden;}
.search_results_menu .result-section.product a .left{overflow: hidden;background: transparent;min-width: 60px;max-width: 60px;min-height: 60px;max-height: 60px;padding: 0;}
.search_results_menu .result-section.product a .left img{display: block;object-fit: contain;min-width: 60px;max-width: 60px;min-height: 60px;max-height: 60px;}
.search_results_menu .result-section.product a .right strong{font-size: 14px;line-height: 18px;font-weight: 600;color: #023a78 !important;}
.search_results_menu .result-section.product .attributes{font-size:10px;}
.search_results_menu .result-section.product .attributes span + span:before{content:" • ";margin:0 2px}
.search_results_menu .result-section.product a .right span.price{font-size: 12px;color: #023a78 !important;margin-top: 3px;font-weight: 400;}
.search_results_menu .result-section.product a .right span.price .amount{font-size: 16px;font-weight: 600;}
.search_results_menu .result-section.product a .right span.price small{font-size: 100% !important;}

/* Search results page */
.search mark{background: #e61b723d;color: #000;padding: 7px 10px;line-height: 100%;display: inline-block;}
.search .s-divider{width: 100%;background: #ededed;height: 1px;display: block;}

.search .results .search-header{display: block;width: fit-content;margin-bottom: 20px;font-size: 20px;line-height: 28px;color: var(--groen);font-weight: bold;}
.search .results .search-header:nth-child(n+2){margin-top: 40px;}
.search .results ul.result-ul{list-style-type: initial;padding-left: 18px;margin: 0;}
.search .results ul.result-ul li a{border:none;color:var(--oranje);text-decoration:underline;width: fit-content;transition:all 150ms ease-in-out;font-size: 16px;line-height: 24px;}

@media(min-width: 768px) {
	.search_results_menu h4{font-size: 16px !important;}

	.search_results_menu .result-section.product a .right strong{margin-right: 24px;font-size: 15px;line-height: 19px;}
	.search_results_menu .result-section.product a .right span.price{white-space: nowrap;line-height: 18px;font-size: 14px;}
	.search_results_menu .result-section.product a .right span.price .amount{font-size: 18px;}
}
@media(min-width: 992px) {
	.menu-top .search-row .zoekbalk:has(.searchbox-menu){width: 550px;}
	.searchbox-menu :is(input,.reset){background:#F2F2F2;}
	.searchbox-menu.active #searchform-menu::before{top: 117px;}
	.search_results_menu{left: unset;width: 100%;top:calc(100% + 10px);}
	.search_results_menu .result-section.product .attributes{font-size:12px;}
	.search_results_menu .result-section.product .attributes span + span:before{margin:0 5px}
}
@media(min-width: 1200px) {
	.menu-top .search-row .zoekbalk:has(.searchbox-menu){width: 700px;}
}
@media(min-width: 1400px) {
	.menu-top .search-row .zoekbalk:has(.searchbox-menu){width: 720px;}
}