/*------------------------
	SEARCH
------------------------*/
:root {
	--gutter: 1rem;
	--base-background1: #fff;
	--base-background2: #f2f2f2;
	--cta-background1: #72b99c;
	--cta-color1: #fff;
	--danger-color: #be1924;
	--base-color1: #000;
	--lowlight-color1: #666;

	/* borders */
	--border-std: 1px solid #ddd;
	--border-color1: #ddd;
	--border-marked: #999;
	--border-radius1: 0px;
	--border-radius2: 3px;
}

.LSS_Input::after {
	top: 0 !important;
}

.elastic-search-result.LSS_Blogs a {
	max-height: 30px;
	white-space: unset !important;
	display: block !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

.elastic-search-product-results .ikoner {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.elastic-search-product-results .in-stock-mark {
	display: inline-flex;
	float: right;
	justify-content: flex-start;
	align-items: center;
	color: #c4c4c4;
	font-size: 14px;
}

.elastic-search-product-results .in-stock-mark > div {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background-color: rgb(128, 198, 146);
	margin-right: 5px;
}

.elastic-search-product-results .PT_Wrapper {
	border-bottom: 2px solid #f0f1f1;
}
.elastic-search-product-results .PT_Wrapper .PT_Pris {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: unset !important;
}
.elastic-search-product-results .PT_Wrapper .PT_Status {
	display: block !important;
}
.elastic-search-product-results .procent1 {
	display: flex;
}

.elastic-search-product-results .PT_Wrapper .PT_Pris .in-stock-mark {
	display: none;
}
.elastic-search-product-results .PT_Wrapper .PT_Beskr {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.elastic-search-product-results .select-ul-li {
	text-align: left;
}
#search-wrapper input#search-input {
	font-weight: 700;
	width: 100%;
	margin-top: -2px;
	height: 40px;
	/* text-align: center; */
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	background-color: rgba(255, 255, 255, 0.7);
	color: #000;
	padding: 0 20px;
	border-radius: 50px;
	border: 1px solid #000;
	border-bottom: 1px solid #000;
}
#suggest-area ul {
	list-style: none;
	padding: 0;
}
#suggest-result li {
	list-style: none;
}
#suggest-area li {
	padding-right: var(--gutter);
	padding-left: var(--gutter);
}
#suggest-area li a {
	padding-top: calc(var(--gutter) / 2);
	padding-bottom: calc(var(--gutter) / 2);
}
#suggest-area ul li a {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
}
#suggest-area ul li:not(.product_card_img) a,
#suggest-area ul li.product_card_img a span.term {
	white-space: break-spaces;
}
#suggest-area ul li a span.suggest-hl {
	font-weight: 700;
}
#suggest-result ul li:not(.product_card_img) a:before {
	font-family: 'Font Awesome 5 Pro';
	content: '\f002';
	font-weight: 200;
	margin-right: 5px;
	margin-top: 3px;
}
#suggest-no-result {
	padding: var(--gutter);
}
#suggest-result ul li.product_card_img {
	line-height: normal;
}
#suggest-result ul li.product_card_img a {
	height: 100%;
}
#suggest-result ul li.product_card_img a div {
	align-self: center;
}
.elastic--title,
.search-history-header {
	font-weight: 600;
	margin-bottom: calc(var(--gutter) / 2);
	padding-left: var(--gutter);
	padding-right: var(--gutter);
	border-bottom: var(--border-std);
	line-height: 30px;
	display: block;
	width: 100%;
	margin-top: var(--gutter);
}
.elastic--btn a {
	font-weight: 600;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	background: var(--cta-background1);
	color: var(--cta-color1);
	height: 45px;
	margin-top: var(--gutter);
	display: flex;
}
.search-history-header {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
}
#search-history-clear {
	font-weight: normal;
	color: var(--danger-color);
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	font-size: 12px;
}
#search-history-clear:before {
	content: '-';
	margin: 0 calc(var(--gutter) / 2);
	color: var(--base-color1);
}
#search-history-clear:after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f00d';
	font-weight: 200;
	color: var(--danger-color);
	margin-left: 5px;
	font-size: 8px;
	height: 12px;
	border: 1px solid var(--danger-color);
	border-radius: 20px;
	line-height: 11px;
	width: 12px;
	text-align: center;
	margin-top: 9px;
}
.search-popular-li a:before {
	font-family: 'Font Awesome 5 Pro';
	content: '\f005';
	font-weight: 200;
	margin-right: 5px;
	margin-top: 3px;
}
.search-history-li a:before {
	font-family: 'Font Awesome 5 Pro';
	content: '\f017';
	font-weight: 200;
	margin-right: 5px;
	margin-top: 3px;
}
.LSS_Input:after {
	z-index: 5;
}
.matched-group-wrapper {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: calc(var(--gutter) * 2);
}
ul.matched-group-wrapper,
ul.matched-group-wrapper li {
	list-style: none;
}
.matched-group-title {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	border: 1px solid;
	border-color: var(--border-color1);
	cursor: pointer;
	margin: calc(var(--gutter) / 2);
	height: 45px;
	padding: 0 calc(var(--gutter) * 2);
	color: var(--lowlight-color1);
	order: 1;
}
.matched-group-title * {
	cursor: pointer;
}
.matched-group-title.active label {
	font-weight: bold;
}
.matched-group-title span {
	font-size: 12px;
	margin-left: 3px;
}
.matched-group-title.active {
	border: 1px solid #000;
	color: var(--base-color1);
}
.matched-group-item-wrapper,
.matched-group-item-wrap.active {
	-ms-flex-align: flex-start;
	-webkit-box-align: flex-start;
	align-items: flex-start;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	width: 100%;
	flex-flow: wrap;
}
.matched-group-item-wrap.active {
	margin-top: calc(var(--gutter) * 2);
}
.matched-group-item-wrap {
	display: none;
	order: 2;
}
.matched-group-item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	margin: calc(var(--gutter) / 2);
}
.matched-group-item a {
	text-align: center;
	font-weight: 800;
	width: 100%;
	display: inline-block;
	border-radius: var(--border-radius2);
	cursor: pointer;
	padding: 0 1em;
	padding: 0 1em;
	height: calc(1em * 2.5);
	line-height: calc(1em * 2.5);
	border: 0;
	background: var(--cta-background1);
	color: var(--cta-color1);
}
#suggest-area {
	display: none;
	background: var(--base-background1);
	position: absolute;
	width: 100%;
	left: 0;
	box-shadow: 0 0px 15px -5px rgba(0, 0, 0, 0.57);
	-webkit-box-shadow: 0 0px 15px -5px rgba(0, 0, 0, 0.57);
	-moz-box-shadow: 0 0px 15px -5px rgba(0, 0, 0, 0.57);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	max-height: 80vh;
	overflow-y: scroll;
	overflow-x: hidden;
}
/* DESKTOP*/
@media screen and (min-width: 48em) {
	/* #search-wrapper input#search-input:hover,
	#search-wrapper input#search-input:focus {
		background: #f7f7f7;
	} */
	.matched-group-item a:hover {
		filter: brightness(0.8);
	}
	#suggest-area ul li:hover {
		background: var(--base-background2);
	}
	#suggest-area ul li:hover a {
		color: #444;
	}
	.matched-group-item-wrap .elastic-search-product-results {
		width: 100%;
	}
}

@media screen and (max-width: 47.99em) {
	.elastic-search-result {
		padding-bottom: 30px;
	}
	.matched-group-item-wrapper,
	.matched-group-item-wrap.active {
		justify-content: start;
	}
	.elastic--btn {
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	.matched-group-title {
		height: 30px;
		padding: 0 calc(var(--gutter) / 2);
	}
	.matched-group-item-wrap.active {
		margin-top: calc(var(--gutter));
	}
	#search-wrapper input#search-input {
		font-size: 16px;
	}
	.matched-group-title {
		margin: calc(var(--gutter) / 4);
	}

	.elastic-search-product-results .PT_Wrapper .PT_Pris {
		flex-wrap: wrap;
	}
	.elastic-search-product-results .PT_Wrapper .PT_Pris .in-stock-mark {
		float: left;
	}
}
