@import "/templates/definitions";

.instantsearch {
	&__resultscontainer {
	    position: absolute;
		left: 0;
		top: 100%;
		width:100%;
		padding: @gutter;
		z-index: 99;
		background: #fff;
		box-shadow:3px 3px 3px rgba(0,0,0,0.05), -3px 3px 3px rgba(0,0,0,0.05);
	}
	&__resultscategory {
		padding-bottom:1rem;
		margin-bottom:1rem;
		border-bottom:1px solid @color-lines;
		&:last-child {
			border-bottom:none;
			padding-bottom:0;
			margin-bottom:0;
		}
	}
	&__resultstitle {
		font-weight: @font-weight-bold;
		margin-bottom:0.3em;
	}
	&__result {
		display:flex;
		align-items:center;
		margin-bottom:0.3em;
	}
	&__noresults {
		color:@color-error;
	}
	&__image {
		flex:0 0 50px;
		img {
			max-width: 50px;
			max-height: 50px;
		}
	}
	&__title {
		flex: auto;
		word-break:break-word;
		padding:0 1rem;
	}
	&__price {
		div {
			white-space:nowrap;
			text-align:right;
			text-decoration:line-through;
			&:first-child {
				text-decoration:none;
			}
		}
	}
}