.wcf-filters {
	--wcf_gap: clamp(0.5rem, 1.5vw, 1rem);
	--wcf_border: #e2e2e2;
}

.wcf-mobile-toggle {
	display: none;
}

.wcf-filters-panel {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--wcf_gap);
	padding: var(--wcf_gap) 0;
	border-bottom: 1px solid var(--wcf_border);
}

.wcf-attribute-group {
	border: none;
	padding: 0;
	min-width: 160px;
}

.wcf-attribute-group legend,
.wcf-price-group legend {
	font-weight: 600;
	font-size: 0.85rem;
	text-transform: uppercase;
	margin-bottom: 0.4rem;
}

/* Filtrado contextual (faceted) — oculta opciones que darían 0 productos
   en combinación con lo ya seleccionado. Si se prefiere "deshabilitar" en
   vez de ocultar (pendiente de revisión de competidores): cambiar a
   opacity:.4; pointer-events:none; y quitar `input.disabled = shouldHide`
   del JS (applyFacets en woo-custom-filters.js). */
.wcf-term--zero {
	display: none;
}

.wcf-term {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.9rem;
	margin-bottom: 0.25rem;
	cursor: pointer;
}

.wcf-count {
	color: #888;
	font-size: 0.8rem;
}

.wcf-price-group input {
	width: 80px;
	padding: 0.4rem;
	border: 1px solid var(--wcf_border);
	margin-right: 0.4rem;
}

.wcf-orderby {
	padding: 0.4rem;
	border: 1px solid var(--wcf_border);
}

.wcf-clear {
	background: none;
	border: 1px solid var(--wcf_border);
	padding: 0.4rem 0.8rem;
	cursor: pointer;
}

.wcf-result-count {
	font-size: 0.85rem;
	color: #666;
	padding: 0.5rem 0;
}

.wcf-product-grid {
	position: relative;
	min-height: 200px;
	transition: opacity 0.2s ease;
}

.wcf-product-grid.wcf-loading {
	opacity: 0.4;
	pointer-events: none;
}

.wcf-pagination {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	padding: 1.5rem 0;
}

.wcf-no-products {
	text-align: center;
	padding: 2rem 0;
	color: #888;
}

@media (max-width: 768px) {
	.wcf-mobile-toggle {
		display: block;
		width: 100%;
		padding: 0.75rem;
		border: 1px solid var(--wcf_border);
		background: #fff;
		font-weight: 600;
	}
	.wcf-filters-panel {
		display: none;
	}
	.wcf-filters-panel.wcf-open {
		display: flex;
	}
}