/* Loja: filtro de categorias em grupos (inc/shop-category-groups.php) */

.loja-toolbar { align-items: flex-start; }
.loja-toolbar__filters { flex-direction: column; align-items: stretch; gap: 10px; }
.loja-toolbar__filters .loja-filters { flex-wrap: wrap; overflow: visible; }
.loja-toolbar__right { padding-top: 2px; }

.loja-catgroups { display: flex; flex-direction: column; gap: 10px; min-width: 0; }

.loja-catgroup { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }

.loja-catgroup__label,
.loja-catgroup__more {
	flex: 0 0 auto;
	min-width: 84px;
	padding-top: 9px;
	font: 600 11px/1 var(--font-body, "Manrope", sans-serif);
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--fg-3, #6b7280);
	white-space: nowrap;
}

.loja-catgroup__chips { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }

.loja-catgroup--mais { display: block; }
.loja-catgroup__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	list-style: none;
	padding: 4px 0;
	color: var(--rp-blue-600, #0064b0);
}
.loja-catgroup__more::-webkit-details-marker { display: none; }
.loja-catgroup__more::after {
	content: "";
	width: 6px;
	height: 6px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transition: transform 120ms ease;
}
.loja-catgroup--mais[open] .loja-catgroup__more::after { transform: rotate(-135deg) translateY(-1px); }
.loja-catgroup--mais .loja-catgroup__chips { margin-top: 8px; }

.loja-filter.is-disabled {
	opacity: 0.4;
	cursor: default;
	pointer-events: none;
}

.loja-empty__links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 16px; }

/* Painel do celular: grupos só aparecem lá */
.loja-catgroups--panel { display: none; }

@media (max-width: 767px) {
	.loja-catgroups--toolbar { display: none; }
	.loja-catgroups--panel { display: flex; width: 100%; gap: 16px; }
	.loja-catgroups--panel .loja-catgroup { flex-direction: column; gap: 8px; }
	.loja-catgroups--panel .loja-catgroup__label { padding-top: 0; }
	.loja-filter-panel.is-open { max-height: 2000px; }
	.loja-filter-panel.has-cat-selection { max-height: 2000px; margin-bottom: 24px; }
}