/**
 * Mindcommerce — Listagem de produtos em blocos (D-46)
 *
 * Loja, categorias, etiquetas e busca de produtos seguem o mesmo padrão da Home
 * (D-29), da página de produto (D-40) e do contato (D-38): fundo cinza-claro e
 * cada área em um bloco branco de cantos arredondados — filtros, barra de
 * ordenação e cartões de produto. Somente tokens (check-tokens P4).
 *
 * @package mindcommerce
 */

/* =============================================================================
   FUNDO DA PÁGINA
   ============================================================================= */
body.woocommerce-shop,
body.tax-product_cat,
body.tax-product_tag,
body.tax-product_brand,
body.search-results.woocommerce {
	background-color: var(--color-bg-subtle);
}

/* Cabeçalho do arquivo (trilha + título): sem faixa própria sobre o cinza */
body.woocommerce-shop .shoptimizer-archive .archive-header,
body.tax-product_cat .shoptimizer-archive .archive-header,
body.tax-product_tag .shoptimizer-archive .archive-header,
body.tax-product_brand .shoptimizer-archive .archive-header {
	background: transparent;
	border-bottom: 0;
}

/* =============================================================================
   FILTROS (barra lateral) — um bloco branco por widget
   ============================================================================= */
.shoptimizer-archive #secondary .widget {
	margin-bottom: var(--space-lg);
	padding: var(--space-lg);
	background: var(--color-bg-card);
	border-radius: var(--radius-lg);
}

/* =============================================================================
   BARRA DE ORDENAÇÃO / RESULTADOS — bloco branco
   ============================================================================= */
.shoptimizer-archive .shoptimizer-sorting {
	margin-bottom: var(--space-lg);
	padding: var(--space-md) var(--space-lg);
	background: var(--color-bg-card);
	border-radius: var(--radius-lg);
}

/* =============================================================================
   CARTÕES DE PRODUTO — um bloco branco por produto
   ============================================================================= */
.shoptimizer-archive ul.products li.product {
	padding: var(--space-md);
	background: var(--color-bg-card);
	border: var(--border-width) solid var(--color-border-default);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-card);
}

.shoptimizer-archive ul.products li.product:hover {
	box-shadow: var(--shadow-card-hover);
}

.shoptimizer-archive ul.products li.product img {
	border-radius: var(--radius-sm);
}

/* Grade com espaço entre os cartões (colunas: opção do WooCommerce, mobile 2) */
.shoptimizer-archive ul.products {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-lg);
	align-items: stretch;
	width: 100%;
	margin: 0;
	padding: 0;
}

.shoptimizer-archive ul.products li.product {
	width: auto;
	height: auto;
	margin: 0;
	float: none;
}

@media (min-width: 768px) {
	.shoptimizer-archive ul.products.columns-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.shoptimizer-archive ul.products.columns-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.shoptimizer-archive ul.products.columns-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

/* =============================================================================
   ACABAMENTO (D-46)
   ============================================================================= */

/* Categorias: contagem dentro do bloco, alinhada à direita (o Shoptimizer a
   posiciona fora do widget com position: absolute) */
.shoptimizer-archive #secondary .product-categories li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-md);
}

.shoptimizer-archive #secondary .product-categories li .count {
	position: static;
	flex: none;
	margin-left: auto;
}

/* Preço: faixa em cima e botão "Filtrar" embaixo, sem texto apertado */
.shoptimizer-archive #secondary .price_slider_amount {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-md);
}

.shoptimizer-archive #secondary .price_slider_amount .price_label {
	order: -1;
	flex: 1 1 100%;
	margin: 0;
	text-align: left;
}

/* Cartão: conteúdo em coluna e botão sempre no pé, na largura toda, na mesma
   linha em todos os cartões da fileira */
.shoptimizer-archive ul.products li.product {
	display: flex;
	flex-direction: column;
}

.shoptimizer-archive ul.products li.product .woocommerce-card__header {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

.shoptimizer-archive ul.products li.product .cgkit-as-single-atc-wrap {
	margin-top: auto;
	padding-top: var(--space-md);
}

.shoptimizer-archive ul.products li.product .cgkit-as-single-atc-wrap .button {
	display: block;
	width: 100%;
	text-align: center;
}

/* O Shoptimizer fixa align-self: flex-start no cartão (seletor com 4 classes);
   aqui os cartões da fileira esticam até a mesma altura. */
body.woocommerce .shoptimizer-archive ul.products li.product {
	align-self: stretch;
	margin-bottom: 0;
	padding-bottom: var(--space-lg); /* o tema zerava o respiro abaixo do botão */
}

/* Produto simples: o botão vinha com position: absolute e cobria o preço;
   passa a ser o último item do cartão, na largura toda. */
.shoptimizer-archive ul.products li.product .button,
.shoptimizer-archive ul.products li.product .added_to_cart {
	position: static;
	display: block;
	width: 100%;
	text-align: center;
}

.shoptimizer-archive ul.products li.product .woocommerce-card__header > .button {
	margin-top: auto;
}

/* A caixa de destaque do hover do Shoptimizer (+30 px de altura, sombra própria)
   aparecia como uma faixa colada ao cartão; o cartão já tem borda e sombra. */
@media (min-width: 993px) {
	.shoptimizer-archive ul.products li.product:not(.product-category)::before {
		content: none;
	}
}

/* Adicionar ao carrinho direto da listagem (CommerceKit › Atributos › "quick add"):
   o botão só aparece depois de escolher o tamanho — antes disso o CommerceKit deixa
   o link apontando para a página do produto; ao escolher, troca para ação AJAX.
   Foto e título continuam levando à página do produto. */
.shoptimizer-archive ul.products li.product .cgkit-as-loop-atc-wrap .cgkit-as-single-atc:not([href="javascript:;"]) {
	display: none;
}