/**
 * This Software is property of Mario Krell - Hamburg Medien DS GmbH is protected by
 * copyright law - it is NOT Freeware.
 * Any unauthorized use of this software without a valid license agreement
 * will be prosecuted by civil and criminal law.
 *
 * @link        https://www.hamburg-medien.de
 * @projectlink	https://www.hamburg-medien.de
 * @authors     Mario Krell <mario.krell@hamburg-medien.de>
 * @copyright   (C) Mario Krell
 * @module      HM Filter
 * @version     17.12.2021 1.0.0
 */

#elastic-suggester li[data-type="product"] .subtitle-1 {
	display: block;
}

#elastic-suggester {
    min-width: 900px;
}

#elastic-suggester > ul {
	background-color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 30px 25px;
    margin-top: 0;
}

#elastic-suggester mark {
	font-weight: 400;
	color: inherit;
}

#elastic-suggester.open > ul {
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background-clip: padding-box;    
}

#elastic-suggester .ith-suggest-top-arrow {
	display: none;
}

#elastic-suggester .ith-suggest-left-item {
	border-radius: 5px;
	background-color: #fafafa;
	max-width: 310px;
}

#elastic-suggester .ith-suggest-header {
	border-bottom: none;
}

#elastic-suggester .ith-suggest-right-list .ith-suggest-header {
	font-size: 18px;
	border-bottom: 3px solid #555555;
	padding: 2px 0 25px;
}

#elastic-suggester .ith-suggest-right-item,
#elastic-suggester .ith-suggest-right-list .ui-autocomplete-category  {
	padding-top: 0;
	margin-top: 0;
}

#elastic-suggester li[data-type="product"]:last-child {
	border-bottom: none;
}

#elastic-suggester .ith-suggest-left-list li,
#elastic-suggester .ith-suggest-left-list li a,
#elastic-suggester .ith-suggest-left-list li.ith-selected,
#elastic-suggester li.ith-selected {
	color: #676767;
}

#elastic-suggester li.ith-selected,
#elastic-suggester li a:hover {
	text-decoration: none;
}

#elastic-suggester li a {
	padding: 3px 0;	
}

#elastic-suggester li[data-type="category"] a {
	font-weight: normal;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	position: relative;
}

#elastic-suggester li[data-type="category"] .cat-breadcrumb,
#elastic-suggester li[data-type="category"].ith-selected .cat-breadcrumb,
#elastic-suggester li[data-type="category"] a:hover .cat-breadcrumb,
#elastic-suggester li[data-type="category"] a:hover .cat-breadcrumb-tooltip {
	font-size: 12px;
	line-height: 12px;
	color: #a4a4a4!important;
	position: relative;
}

#elastic-suggester .ith-suggest-left-list  li a span {
	font-size: 14px;
	line-height: normal;
}

#elastic-suggester .ith-suggest-right-list  li {
	padding: 5px 10px;
}

#elastic-suggester .ith-suggest-right-list  li a span {
	font-size: 15px;
	line-height: 20px;
}

@media (min-width: 320px) {
	#elastic-suggester .cat-breadcrumb-tooltip {
		display: none;
	}
}

@media (min-width: 991px) {
	#elastic-suggester {
		left: -80%;
	}	
	#elastic-suggester li[data-type="category"] .cat-breadcrumb:hover .cat-breadcrumb-tooltip {
		display: block;
		position: absolute;
		bottom: 0;
		font-size: 12px;
		line-height: 15px;
		background-color: #f3f3f3;
		border-radius: 5px;
		min-width: 300px;
		padding: 5px 10px;
		z-index: 1;
		box-shadow: 0px 5px 7px 2px rgb(0 0 0 / 13%);
	}
}

@media (min-width: 1200px) {
	#elastic-suggester {
		left: -50%;
	}
}