/*------------------------
   LSS
------------------------*/
/* Generellt */
#LSS_Result::-webkit-scrollbar,
ul.LSS_Artiklar::-webkit-scrollbar,
ul.LSS_Artikelgrupper::-webkit-scrollbar {
	display: none;
}

input[type='text'].Sokfalt {
	/*border: 1px solid #000;*/
}
input[type='text'].Sokfalt:focus, input[type='text'].Sokfalt:hover {
	outline: none;
}

/* LSS_Result */
#LSS_Result {
	position: absolute;
	top: calc(100% + 5px);
	right: 0;
	left: 0;
	width: 100%;
	background: var(--base-background1);
	color: var(--base-color1);
	overflow-y: auto;
	padding: 1rem;
}
#LSS_Result, #LSS_Result div, #LSS_Result p, #LSS_Result span, #LSS_Result a {
	color: var(--base-color1) !important;
}
#LSS_Result a.SokMer { 
	color: var(--base-color7) !important;
}
#LSS_Result .Img{
	width: 60px;
	padding-right: 1rem;
}
#LSS_Result .Beskr{
	width: calc(100% - 60px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.LSS_Varumarken li, .LSS_Artikelgrupper li{
	padding-bottom: calc(var(--gutter)/3);
}


/* Mobile only */
@media screen and (max-width: 768px) {
	.sokrutanWrap .close-header {
		background:  var(--base-background1); 
	}
	body > .ui-widget-content.ui-menu {
		max-width: 100vw !important;
		left: 0 !important;
	}
	input[type='text'].Sokfalt {
		padding-left: 50px;
		padding-right: 50px;
		background: var(--base-background2);
	}
	#LSS_Result {
		position: relative;
		top: 0;
		padding-bottom: 10px;
	}
	#LSS_Result>.row {
		padding-bottom: 100px;
	}
	.sokrutanWrap .close-header {
		height: 60px;
		line-height: 60px;
	}
	.sokrutanWrap .close-header::after {
		top: 10px;
		right: var(--gutter); 
	}
	.Sokknapp {
		background: var(--base-background7);
		color: var(--base-background7);
		border-radius: 20px;
		border: 2px solid var(--base-background7);
	}
	.btn a.SokMer {
		line-height: calc(var(--gutter)*2.5);
	}
	.btn a.SokMer:hover {
		text-decoration: none;
	}
	#LSS_Result .close {
		display: none;
	}
}

/* Tablet and up */
@media screen and (min-width: 769px) {
	input[type='text'].Sokfalt {
		transition: 400ms ease-in-out background-color; 
	} 
	input[type='text'].Sokfalt:focus, input[type='text'].Sokfalt:hover, #header input[type='text'].Sokfalt:hover {
		background-color: var(--base-background2);
		outline: none;
	}
	.search-icon {
		background: var(--base-background2);
		border-radius: 20px;
		pointer-events: none;
	}
	#LSS_Result {
		padding-top: 30px;
		border: 1px solid var(--border-color1);
		box-shadow: var(--box-shadow1);
		border-radius: 20px;
		max-height: 490px;
		/*left: 1rem;*/
		width: calc(100% - 1rem);
	}
	#LSS_Result .close { 
		width: 30px;
		height: 30px;
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: center;
		background: var(--base-background7);
		color: var(--base-color7);
		border-radius: 50%;
		padding: 4px;
	}
	#LSS_Result .close:before {
		font-family: "Font Awesome 5 Pro";
		content: "\f00d";
		font-size: 20px;
		font-weight: 200;
		line-height: 24px;
		color: var(--base-color7) !important;
	}
}