﻿body {
	background: #F9F9F9;
}

.white-bg {
	background: white;
	-webkit-box-shadow: 1px 2px 10px -4px #000000a3;
	box-shadow: 1px 2px 10px -4px #000000a3;
	padding: 15px 5px;
	border-radius: 3px;
	max-width: 2000px;
	margin: 1.5rem auto;
	width: 100% !important;
}

div#content-wrapper > .row {
	max-width: 1300px;
	width: 1300px !important;
	margin: 10px auto !important;
}

/*Titulo*/
.page-description.white-bg {
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page-description h1 {
	color: var(--main-color);
	font-size: 20px;
	margin: 5px;
}
.wd-browsing-grid-sorter {
	position: unset;
	display: flex;
	gap: 20px;
	align-items: center;
}

.wd-browsing-grid-sorter:nth-of-type(2) {
	display: none;
}

p.frase-busca {
	color: var(--third-color);
	margin: 0;
}

p.frase-busca b {
	color: var(--main-color);
}

/*Left*/
#left .wd-facet-group .facets .facet-type .facet-type-list .facet-title h3 {
	color: var(--main-color);
}
#left .wd-facet-group .facets .facet-type .facet-type-range .range-wrapper .defined-range {
	background-color: #585858 !important;
}
#left .wd-facet-group .facets .facet-type .facet-type-range .range-wrapper .handler .icon {border: 2px solid var(--main-color);}

.wd-browsing-grid-sorter.wd-widget-js span {
	font-size: 14px;
	width: 10rem;
}
/*Grid*/
.col > .white-bg:nth-of-type(2) {
	margin-top: 1rem;
	margin-bottom: 0;
}

.wd-browsing-grid .wd-browsing-grid-list>ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
	padding: 5px;
}
.wd-browsing-grid .wd-browsing-grid-list>ul>li {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 15px 0;
}

.wd-product-line {margin: 0;}

@media (min-width: 993px) {
	.grid-products #middle #content .wd-browsing-grid .wd-header, .wd-browsing-grid .wd-browsing-grid-pager {
		display: none;
	}
	.wd-browsing-grid .wd-browsing-grid-list>ul>li {
		min-width: 0;
	}
	.wd-product-line-medias .variation img {
		max-width: 260px;
		max-height: 250px;
	}
	.wd-browsing-grid .wd-browsing-grid-list>ul li .wd-product-line .wd-product-line-medias a.thumb {
		width: 250px !important;
	}
}

/*Busca vazia*/
.grid-empty #content-wrapper > .row {justify-content: center;}

div#busca-vazia {
	display: grid;
	grid-template-columns: 35% 1fr;
	padding: 15px;
}

.grid-empty .wd-browsing-grid-list:before {
	display: none;
}

.vazia-texto {
	text-align: left;
}

.vazia-texto > h1 {
	color: var(--main-color);
	font-size: 2.5rem;
}

.vazia-texto > p {
	font-size: 1.2rem;
	color: var(--third-color);
}

body #left .wd-facet-group .facets .facet-type .facet-type-range .range-wrapper .defined-range {
	background-color: var(--third-color) !important;
}

.facet-type.wd-facet-type-list.Multiples.size.wd-widget.wd-widget-js.loaded {
	display: none;
}

.wd-browsing-grid footer .wd-browsing-grid-pager .page-number .page-selected {
	background-color: var(--main-color);
	color: white;
	border: 1px solid;
}

@media (max-width: 992px) {
	div#busca-vazia {
		grid-template-columns: unset;
	}
	.vazia-texto {
		text-align: center;
	}
	div#content-wrapper > .row {
		width: 100% !important;
		padding: 0;
	}
	div#content-wrapper > .row > .col-lg-10 {
		padding: 0;
	}
	.wd-browsing-grid .wd-browsing-grid-list>ul {
		grid-template-columns: unset;
	}
	.dept-filtros * {
		position: unset !important;
	}

	.dept-filtros {
		display: flex;
		gap: 20px;
		margin-top: 15px;
	}

	button#showFacets {
		width: 32%;
		background: var(--main-color);
		z-index: 10;
	}

	.wd-browsing-grid-sorter {
		background: white;
		padding: 5px;
		border-radius: 3px;
		border: 1px solid lightgray;
	}
	.wd-browsing-grid-sorter select {
		border: 1px solid #dbdbdba6;
	}
	.grid-products #content-wrapper #left.active .wd-facet-group {
		width: 80%;
	}
}

.facet-type-range.facet-type-list.static {
	margin: 15px 0;
}

.wd-browsing-grid-pager .description .product-count {
    display: none;
}

.row .col.col-lg-10.col-12 {
	flex: unset;
	max-width: unset;
}