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

.leo-v3-mobile-catalog {
	display: none;
}

.leo-v3-desktop-ordering {
	display: block;
}


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

@media (max-width: 767px) {


	/* ========================================================
	   ORDENAÇÃO DESKTOP / CONTAGEM ORIGINAL
	   ======================================================== */

	.leo-v3-desktop-ordering {
		display: none !important;
	}

	.woocommerce-result-count {
		display: none !important;
	}


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

	.leo-v3-mobile-catalog {
		display: block;
		width: 100%;
		margin: 0 0 18px;
		padding: 0;
	}

	.leo-v3-mobile-toolbar {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: center;
		gap: 12px;
		width: 100%;
		margin: 18px 0 0;
		padding: 0;
	}


	/* ========================================================
	   BOTÃO FILTROS
	   ======================================================== */

	.leo-v3-filter-button {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;

		width: 100%;
		height: 47px;
		min-height: 47px;

		margin: 0;
		padding: 0 14px;

		background: #ffffff;

		border: 1px solid #dddddd;
		border-radius: 9px;

		color: #333333;

		font-family: inherit;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;

		cursor: pointer;

		box-shadow: 0 1px 2px rgba(0,0,0,.03);
	}

	.leo-v3-filter-button svg {
		flex: 0 0 auto;
		color: #f2bd00;
	}


	/* ========================================================
	   ORDENAÇÃO MOBILE
	   ======================================================== */

	.leo-v3-mobile-order {
		position: relative !important;

		width: 100%;
		min-width: 0;

		height: 47px !important;
		min-height: 47px !important;
		max-height: 47px !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: hidden !important;
	}

	.leo-v3-mobile-order
	> *:not(.woocommerce-ordering) {
		display: none !important;
	}

	.leo-v3-mobile-order
	.woocommerce-ordering {
		display: block !important;

		float: none !important;
		position: relative !important;

		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;

		width: 100% !important;

		height: 47px !important;
		min-height: 47px !important;
		max-height: 47px !important;

		margin: 0 !important;
		padding: 0 !important;

		visibility: visible !important;
		opacity: 1 !important;

		overflow: hidden !important;
	}

	.leo-v3-mobile-order
	.woocommerce-ordering::before,

	.leo-v3-mobile-order
	.woocommerce-ordering::after {
		display: none !important;
		content: none !important;
	}

	.leo-v3-mobile-order
	.woocommerce-ordering > svg,

	.leo-v3-mobile-order
	.woocommerce-ordering > span,

	.leo-v3-mobile-order
	[class*="sort-icon"],

	.leo-v3-mobile-order
	[class*="sorting-icon"],

	.leo-v3-mobile-order
	[class*="ordering-icon"] {
		display: none !important;
	}

	.leo-v3-mobile-order form {
		display: block !important;

		position: static !important;

		width: 100% !important;
		height: 47px !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: hidden !important;
	}

	.leo-v3-mobile-order select.orderby {
		display: block !important;

		position: static !important;

		visibility: visible !important;
		opacity: 1 !important;

		width: 100% !important;
		max-width: none !important;

		height: 47px !important;
		min-height: 47px !important;
		max-height: 47px !important;

		margin: 0 !important;

		padding:
			0
			38px
			0
			14px !important;

		background-color: #ffffff !important;

		border:
			1px solid
			#dddddd !important;

		border-radius: 9px !important;

		box-shadow:
			0 1px 2px
			rgba(0,0,0,.03) !important;

		color: #333333 !important;

		font-family: inherit !important;
		font-size: 14px !important;
		font-weight: 400 !important;

		line-height: normal !important;

		cursor: pointer;
	}


	/* ========================================================
	   RESULTADOS
	   ======================================================== */

	.leo-v3-mobile-results {
		display: block;

		width: 100%;

		margin: 24px 0 0;
		padding: 0;

		color: #696969;

		font-family: inherit;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.4;
	}


	/* ========================================================
	   PORTAL
	   ======================================================== */

	#leo-v3-filter-portal {
		position: fixed;

		top: 0;
		left: 0;

		width: 0;
		height: 0;

		z-index: 9999999;

		overflow: visible;
	}

	#leo-v3-filter-portal
	> .wc-block-product-filters {
		position: static !important;

		width: 0 !important;
		height: 0 !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: visible !important;
	}


	/* ========================================================
	   BOTÃO NATIVO ESCONDIDO
	   ======================================================== */

	#leo-v3-filter-portal
	.wc-block-product-filters__open-overlay {
		position: absolute !important;

		width: 1px !important;
		height: 1px !important;

		margin: -1px !important;
		padding: 0 !important;

		overflow: hidden !important;

		clip: rect(0 0 0 0) !important;
		clip-path: inset(50%) !important;

		white-space: nowrap !important;

		border: 0 !important;
	}


	/* ========================================================
	   OVERLAY
	   ======================================================== */

	#leo-v3-filter-portal
	.wc-block-product-filters__overlay {
		z-index: 9999999 !important;
	}

	#leo-v3-filter-portal
	.wc-block-product-filters__overlay-dialog {
		display: flex !important;
		flex-direction: column !important;

		width: min(92vw, 390px) !important;
		max-width: 390px !important;

		height: 100dvh !important;
		max-height: 100dvh !important;

		background: #ffffff !important;

		color: #1d1d1d;

		overflow: hidden !important;
	}


	/* ========================================================
	   HEADER
	   ======================================================== */

	#leo-v3-filter-portal
	.wc-block-product-filters__overlay-header {
		flex: 0 0 auto;

		display: flex !important;

		align-items: center !important;
		justify-content: space-between !important;

		min-height: 64px;

		margin: 0 !important;

		padding:
			0
			18px !important;

		background: #ffffff !important;

		border-bottom:
			1px solid
			#e9e9e9 !important;

		box-sizing: border-box;
	}

	#leo-v3-filter-portal
	.wc-block-product-filters__overlay-header::before {
		content: "Filtros";

		display: block;

		color: #151515;

		font-family: inherit;
		font-size: 21px;
		font-weight: 700;
		line-height: 1;
	}


	/* ========================================================
	   X FECHAR
	   ======================================================== */

	#leo-v3-filter-portal
	.wc-block-product-filters__close-overlay {
		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		width: 40px !important;
		height: 40px !important;

		margin: 0 !important;
		padding: 0 !important;

		background: transparent !important;

		border: 0 !important;
		border-radius: 50% !important;

		box-shadow: none !important;

		color: #222222 !important;

		cursor: pointer;
	}

	#leo-v3-filter-portal
	.wc-block-product-filters__close-overlay span {
		display: none !important;
	}

	#leo-v3-filter-portal
	.wc-block-product-filters__close-overlay svg {
		width: 25px !important;
		height: 25px !important;
	}


	/* ========================================================
	   CONTEÚDO DO DRAWER
	   ======================================================== */

	#leo-v3-filter-portal
	.wc-block-product-filters__overlay-content {
		flex: 1 1 auto;

		min-height: 0;

		margin: 0 !important;

		padding:
			16px
			16px
			24px !important;

		background: #f7f8fa !important;

		overflow-y: auto !important;
		overflow-x: hidden !important;

		-webkit-overflow-scrolling: touch;
	}


	/* ========================================================
	   ESCONDE "FILTROS" REPETIDO DENTRO DO CONTEÚDO
	   ======================================================== */

	#leo-v3-filter-portal
	.leo-v3-inner-main-title {
		display: none !important;
	}


	/* ========================================================
	   FILTROS ATIVOS
	   ======================================================== */

	#leo-v3-filter-portal
	.wp-block-woocommerce-product-filter-active {
		margin:
			0
			0
			12px !important;

		padding: 0 !important;
	}

	#leo-v3-filter-portal
	.wc-block-product-filter-removable-chips__items {
		display: flex !important;

		flex-wrap: wrap !important;

		gap: 7px !important;

		margin:
			0
			0
			12px !important;

		padding: 0 !important;

		list-style: none !important;
	}

	#leo-v3-filter-portal
	.wc-block-product-filter-removable-chips__item {
		display: inline-flex !important;

		align-items: center !important;

		gap: 6px !important;

		margin: 0 !important;

		padding:
			7px
			9px !important;

		background: #ffffff !important;

		border:
			1px solid
			#dedede !important;

		border-radius: 7px !important;

		color: #555555 !important;

		font-size: 12px !important;
	}


	/* botão original limpar:
	   teremos o nosso no rodapé */

	#leo-v3-filter-portal
	.wc-block-product-filters__overlay-content
	.wp-block-woocommerce-product-filter-clear-button {
		display: none !important;
	}


	/* ========================================================
	   CARDS / ACORDEÕES
	   ======================================================== */

	#leo-v3-filter-portal
	.leo-v3-filter-card {
		display: block !important;

		width: 100% !important;

		margin:
			0
			0
			12px !important;

		padding: 0 !important;

		background: #ffffff !important;

		border:
			1px solid
			#dfe1e5 !important;

		border-radius: 10px !important;

		box-shadow:
			0 1px 2px
			rgba(0,0,0,.015) !important;

		overflow: hidden !important;

		box-sizing: border-box;
	}


	/* CABEÇALHO DO CARD */

	#leo-v3-filter-portal
	.leo-v3-filter-card-toggle {
		display: flex !important;

		align-items: center !important;
		justify-content: space-between !important;

		gap: 12px !important;

		width: 100% !important;

		min-height: 56px !important;

		margin: 0 !important;

		padding:
			0
			16px !important;

		background: #ffffff !important;

		border: 0 !important;
		border-radius: 0 !important;

		box-shadow: none !important;

		color: #292929 !important;

		font-family: inherit !important;
		font-size: 15px !important;
		font-weight: 500 !important;

		line-height: 1.3 !important;

		text-align: left !important;

		cursor: pointer !important;
	}


	/* + / − */

	#leo-v3-filter-portal
	.leo-v3-filter-card-icon {
		position: relative;

		display: block;

		flex: 0 0 22px;

		width: 22px;
		height: 22px;

		border:
			1.5px solid
			#333333;

		border-radius: 50%;
	}

	#leo-v3-filter-portal
	.leo-v3-filter-card-icon::before,

	#leo-v3-filter-portal
	.leo-v3-filter-card-icon::after {
		content: "";

		position: absolute;

		top: 50%;
		left: 50%;

		width: 10px;
		height: 1.5px;

		background: #333333;

		border-radius: 2px;

		transform:
			translate(-50%, -50%);

		transition:
			transform
			.18s ease;
	}

	#leo-v3-filter-portal
	.leo-v3-filter-card-icon::after {
		transform:
			translate(-50%, -50%)
			rotate(90deg);
	}

	#leo-v3-filter-portal
	.leo-v3-filter-card.is-open
	.leo-v3-filter-card-icon::after {
		transform:
			translate(-50%, -50%)
			rotate(0deg);
	}


	/* CABEÇALHO ORIGINAL DO BLOCO */

	#leo-v3-filter-portal
	.leo-v3-original-filter-heading {
		display: none !important;
	}


	/* CONTEÚDO RECOLHIDO */

	#leo-v3-filter-portal
	.leo-v3-filter-card:not(.is-open)
	> .leo-v3-filter-body-part {
		display: none !important;
	}


	/* CONTEÚDO ABERTO */

	#leo-v3-filter-portal
	.leo-v3-filter-card.is-open
	> .leo-v3-filter-body-part {
		display: block;
	}


	#leo-v3-filter-portal
	.leo-v3-filter-card
	> .leo-v3-filter-body-part {
		margin: 0 !important;

		padding:
			0
			16px
			16px !important;

		box-sizing: border-box;
	}


	/* ========================================================
	   TEXTOS INTERNOS
	   ======================================================== */

	#leo-v3-filter-portal
	.leo-v3-filter-card h2,

	#leo-v3-filter-portal
	.leo-v3-filter-card h3,

	#leo-v3-filter-portal
	.leo-v3-filter-card h4 {
		margin: 0 !important;

		color: #222222 !important;

		font-family: inherit !important;
	}


	#leo-v3-filter-portal
	.leo-v3-filter-card ul {
		margin: 0 !important;

		padding: 0 !important;

		list-style: none !important;
	}


	#leo-v3-filter-portal
	.leo-v3-filter-card li {
		margin:
			0
			0
			9px !important;

		padding: 0 !important;
	}


	#leo-v3-filter-portal
	.leo-v3-filter-card label,

	#leo-v3-filter-portal
	.leo-v3-filter-card a {
		color: #555555 !important;

		font-family: inherit !important;

		font-size: 14px !important;

		line-height: 1.4 !important;
	}


	/* ========================================================
	   PREÇO
	   ======================================================== */

	#leo-v3-filter-portal
	.wc-block-product-filter-price-slider,

	#leo-v3-filter-portal
	[class*="product-filter-price"] {
		box-sizing: border-box;
	}

	#leo-v3-filter-portal
	.leo-v3-filter-card
	input[type="text"],

	#leo-v3-filter-portal
	.leo-v3-filter-card
	input[type="number"] {
		min-height: 40px !important;

		background: #ffffff !important;

		border:
			1px solid
			#d9dce0 !important;

		border-radius: 7px !important;

		color: #555555 !important;

		font-size: 13px !important;
	}


	/* ========================================================
	   CHECKBOXES
	   ======================================================== */

	#leo-v3-filter-portal
	.leo-v3-filter-card
	input[type="checkbox"] {
		width: 17px !important;
		height: 17px !important;

		margin-right: 7px !important;

		accent-color: #ffd400;
	}


	/* ========================================================
	   RODAPÉ FIXO
	   ======================================================== */

	#leo-v3-filter-portal
	.wc-block-product-filters__overlay-footer {
		flex: 0 0 auto;

		display: grid !important;

		grid-template-columns:
			minmax(0, .95fr)
			minmax(0, 1.35fr);

		align-items: stretch !important;

		gap: 12px !important;

		width: 100%;

		margin: 0 !important;

		padding:
			12px
			16px !important;

		background: #ffffff !important;

		border-top:
			1px solid
			#e7e7e7 !important;

		box-shadow:
			0 -6px 18px
			rgba(0,0,0,.055);

		box-sizing: border-box;
	}


	/* ========================================================
	   LIMPAR FILTROS
	   ======================================================== */

	#leo-v3-filter-portal
	.leo-v3-footer-clear {
		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;

		min-height: 46px !important;

		margin: 0 !important;
		padding: 0 12px !important;

		background: #ffffff !important;

		border:
			1px solid
			#d7d7d7 !important;

		border-radius: 9px !important;

		color: #555555 !important;

		font-family: inherit !important;
		font-size: 13px !important;
		font-weight: 600 !important;

		line-height: 1.15 !important;

		text-align: center !important;

		cursor: pointer !important;
	}

	#leo-v3-filter-portal
	.leo-v3-footer-clear:disabled {
		opacity: .45 !important;

		cursor: default !important;
	}


	/* ========================================================
	   APLICAR
	   ======================================================== */

	#leo-v3-filter-portal
	.wc-block-product-filters__apply {
		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;

		min-height: 46px !important;

		margin: 0 !important;

		padding:
			0
			14px !important;

		background: #ffd400 !important;

		border: 0 !important;
		border-radius: 9px !important;

		box-shadow: none !important;

		color: #171717 !important;

		font-family: inherit !important;
		font-size: 14px !important;
		font-weight: 700 !important;

		line-height: 1 !important;

		cursor: pointer !important;
	}


}


/* ============================================================
   CELULARES MUITO ESTREITOS
   ============================================================ */

@media (max-width: 374px) {

	.leo-v3-mobile-toolbar {
		gap: 8px;
	}

	.leo-v3-filter-button,

	.leo-v3-mobile-order
	select.orderby {
		font-size: 13px !important;
	}

}