/* =========================================================
   SOUQDENT LIVE HEADER SEARCH
   ========================================================= */


.sd-header-search-wrapper{
	position:relative;
	width:100%;
}


/* =========================================================
   DROPDOWN
   ========================================================= */

.sd-header-search-results{
	position:absolute;

	top:calc(100% + 8px);
	left:0;

	z-index:9999;

	width:100%;

	background:#fff;

	border:1px solid #dfe5eb;
	border-radius:12px;

	box-shadow:
		0 18px 50px rgba(23,34,48,.16);

	overflow:hidden;
}


.sd-header-search-results[hidden]{
	display:none !important;
}


.sd-header-search-results-inner{
	background:#fff;
}


/* =========================================================
   LOADING / EMPTY
   ========================================================= */

.sd-header-search-loading,
.sd-header-search-empty{
	padding:28px 20px;

	color:#718096;

	font-size:14px;
	font-weight:600;

	text-align:center;
}


.sd-header-search-loading[hidden],
.sd-header-search-empty[hidden]{
	display:none !important;
}


/* =========================================================
   MAIN RESULT LAYOUT
   ========================================================= */

.sd-live-search-layout{
	display:grid;

	grid-template-columns:
		minmax(0, 2fr)
		minmax(220px, .8fr);

	background:#fff;
}


.sd-live-search-products-column{
	min-width:0;

	border-right:1px solid #edf0f3;
}


.sd-live-search-brands-column{
	min-width:0;

	background:#fff;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.sd-live-search-heading{
	padding:12px 16px;

	background:#f8fafb;

	border-bottom:1px solid #edf0f3;

	color:#748296;

	font-size:10px;
	font-weight:800;

	letter-spacing:1.5px;
	text-transform:uppercase;
}


/* =========================================================
   PRODUCT RESULT
   ========================================================= */

.sd-live-search-product{
	display:grid;

	grid-template-columns:
		58px
		minmax(0,1fr)
		auto;

	align-items:center;

	gap:13px;

	height:78px;

	padding:10px 15px;

	box-sizing:border-box;

	background:#fff;

	border-bottom:1px solid #edf0f3;

	color:#172230;

	text-decoration:none;
}


.sd-live-search-product:hover{
	background:#fffaf0;

	color:#172230;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.sd-live-search-product-image{
	display:flex;
	align-items:center;
	justify-content:center;

	width:58px;
	height:58px;

	padding:4px;

	background:#fff;

	border:1px solid #edf0f3;
	border-radius:7px;

	overflow:hidden;
}


.sd-live-search-product-image img{
	display:block;

	width:100%;
	height:100%;

	object-fit:contain;

	background:#fff;
}


.sd-live-search-product-image .dashicons{
	width:25px;
	height:25px;

	color:#a3adb8;

	font-size:25px;
	line-height:25px;
}


/* =========================================================
   PRODUCT INFO
   ========================================================= */

.sd-live-search-product-info{
	min-width:0;
}


.sd-live-search-product-name{
	color:#172230;

	font-size:14px;
	font-weight:800;
	line-height:1.35;

	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


.sd-live-search-product-model{
	margin-top:3px;

	color:#8491a1;

	font-size:11px;
	font-weight:500;

	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


/* =========================================================
   PRODUCT PRICE
   ========================================================= */

.sd-live-search-product-price{
	min-width:120px;

	color:#d88900;

	font-size:14px;
	font-weight:800;

	text-align:right;

	white-space:nowrap;
}


.sd-live-search-product-price
.woocommerce-Price-amount{
	color:inherit;

	font-weight:inherit;
}


/* =========================================================
   BRAND RESULTS
   ========================================================= */

.sd-live-search-brand{
	display:grid;

	grid-template-columns:
		44px
		minmax(0,1fr);

	align-items:center;

	gap:10px;

	height:78px;

	padding:10px 14px;

	box-sizing:border-box;

	background:#fff;

	border-bottom:1px solid #edf0f3;

	color:#172230;

	text-decoration:none;
}


.sd-live-search-brand:hover{
	background:#fffaf0;

	color:#172230;
}


.sd-live-search-brand-logo{
	display:flex;
	align-items:center;
	justify-content:center;

	width:44px;
	height:44px;

	padding:3px;

	background:#fff;

	border:1px solid #edf0f3;
	border-radius:6px;

	overflow:hidden;
}


.sd-live-search-brand-logo img{
	display:block;

	width:100%;
	height:100%;

	object-fit:contain;

	background:#fff;
}


.sd-live-search-brand-logo .dashicons{
	width:22px;
	height:22px;

	color:#a3adb8;

	font-size:22px;
	line-height:22px;
}


.sd-live-search-brand-content{
	min-width:0;
}


.sd-live-search-brand-name{
	color:#172230;

	font-size:13px;
	font-weight:800;

	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


/* =========================================================
   BRAND COUNTRY
   ========================================================= */

.sd-live-search-brand-country{
	display:flex;
	align-items:center;

	gap:5px;

	margin-top:3px;

	color:#718096;

	font-size:11px;
	font-weight:600;
}


.sd-live-search-brand-country img{
	display:block;

	width:18px;
	height:12px;

	max-width:18px;
	max-height:12px;

	object-fit:cover;

	border:1px solid #e1e6eb;
	border-radius:2px;
}


.sd-live-search-brand-count{
	margin-top:2px;

	color:#8a96a4;

	font-size:10px;
}


/* =========================================================
   NO BRAND
   ========================================================= */

.sd-live-search-no-brand{
	padding:18px 14px;

	color:#8a96a4;

	font-size:12px;
}


/* =========================================================
   VIEW ALL RESULTS
   ========================================================= */

.sd-live-search-view-all{
	display:flex;
	align-items:center;
	justify-content:center;

	min-height:48px;

	padding:11px 16px;

	background:#f8fafb;

	border-top:1px solid #edf0f3;

	color:#172230;

	font-size:13px;
	font-weight:800;

	text-decoration:none;
}


.sd-live-search-view-all:hover{
	background:#fff5dd;

	color:#c77d00;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

	.sd-live-search-layout{
		grid-template-columns:
			minmax(0,1fr)
			200px;
	}


	.sd-live-search-product-price{
		min-width:100px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

	.sd-header-search-results{
		top:calc(100% + 6px);

		border-radius:10px;
	}


	.sd-live-search-layout{
		display:block;
	}


	.sd-live-search-products-column{
		border-right:0;
	}


	.sd-live-search-brands-column{
		border-top:6px solid #f5f7f9;
	}


	.sd-live-search-product{
		grid-template-columns:
			50px
			minmax(0,1fr);

		gap:10px;

		padding:9px 11px;
	}


	.sd-live-search-product-image{
		width:50px;
		height:50px;
	}


	.sd-live-search-product-price{
		grid-column:2;

		min-width:0;

		margin-top:-4px;

		font-size:13px;

		text-align:left;
	}


	.sd-live-search-product-name{
		font-size:13px;
	}


	.sd-live-search-brand{
		grid-template-columns:
			40px
			minmax(0,1fr);
	}


	.sd-live-search-brand-logo{
		width:40px;
		height:40px;
	}


	.sd-live-search-view-all{
		font-size:12px;
	}

}