/**
 * Categoria (/categoria-produto/…) — layout do design.
 *
 * Carrega depois do arquivo.css (que continua valendo para os cartões) e
 * muda o que a categoria tem de diferente da /loja: cabeçalho escuro na cor
 * do tipo, sem filtros laterais, linha de filtros ativos e grade de quatro
 * colunas com cartões enxutos.
 *
 * Medidas do print do design (capturado a ~1,44×): cartões de 277 px com
 * 23 px entre eles, foto de 166 px de altura.
 */

/* ── Cabeçalho ────────────────────────────────── */

.bpc-categoria-hero {
	/* Sangra para a largura da tela, como o hero da /loja. */
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 20px 0 40px;
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, .045) 0 1.5px, transparent 1.5px 18px),
		linear-gradient(120deg, #3E2A1A 0%, #5A3D23 55%, #6B4726 100%);
	color: #F6F1E7;
}

.bpc-categoria-hero[data-type="experiencia"] {
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, .045) 0 1.5px, transparent 1.5px 18px),
		linear-gradient(120deg, #1F4630 0%, #2F6B43 100%);
}

.bpc-categoria-hero[data-type="estadia"] {
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, .045) 0 1.5px, transparent 1.5px 18px),
		linear-gradient(120deg, #6A3A22 0%, #A8402B 100%);
}

.bpc-categoria-hero__interno {
	max-width: 1180px;
	margin: 0 auto;
	padding-inline: 16px;
}

.bpc-categoria-hero__trilha {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	color: #F2DFB4;
	font-family: var(--bpc-apoio);
	font-size: 13.5px;
}

.bpc-categoria-hero__trilha a { color: rgba(246, 241, 231, .78); text-decoration: none; }
.bpc-categoria-hero__trilha a:hover { color: #fff; text-decoration: underline; }

.woocommerce-page .bpc-categoria-hero h1.bpc-categoria-hero__titulo {
	margin: 14px 0 10px;
	color: #F6F1E7;
	font-family: var(--bpc-titulo);
	font-size: clamp(30px, 3.6vw, 38px);
	font-weight: 700;
	line-height: 1.1;
}

.bpc-categoria-hero__texto {
	max-width: 640px;
	color: rgba(246, 241, 231, .86);
	font-family: var(--bpc-apoio);
	font-size: 17px;
	line-height: 1.4;
}

.bpc-categoria-hero__texto p { margin: 0; }

.bpc-categoria-hero__filhas {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.bpc-categoria-hero__filhas a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0 16px;
	border-radius: 999px;
	background: #F2DFB4;
	color: #3B2A1B;
	font-family: var(--bpc-apoio);
	font-size: 15.5px;
	font-weight: 500;
	text-decoration: none;
}

.bpc-categoria-hero__filhas a:hover { background: #fff; }

/* ── Grade: uma coluna, sem os filtros laterais da /loja ─────────── */

.bpc-vitrine.bpc-vitrine--categoria {
	grid-template-columns: minmax(0, 1fr);
	margin-top: 24px;
}

/* ── Filtros ativos e contagem ────────────────── */

.bpc-filtros-ativos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid #E6DCCB;
	font-family: var(--bpc-apoio);
	font-size: 15px;
}

.bpc-filtros-ativos__rotulo { color: #6B5D49; }

.bpc-filtros-ativos__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border: 1.5px solid #E6DCCB;
	border-radius: 999px;
	color: var(--bpc-texto);
	text-decoration: none;
}

.bpc-filtros-ativos__chip:hover { border-color: var(--bpc-coral); color: var(--bpc-coral); }

.bpc-filtros-ativos__limpar {
	color: var(--bpc-coral);
	font-weight: 600;
	text-decoration: none;
}

.bpc-filtros-ativos__conta {
	margin-left: auto;
	color: #6B5D49;
}

/* ── Cartões enxutos: foto, parceiro, nome, preço e "+ Cesta" ────── */

.bpc-vitrine--categoria ul.products {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 23px;
}

.bpc-vitrine--categoria ul.products li.product {
	border: 1.5px solid #E6DCCB;
	border-radius: 13px;
	background: #fff;
}

.bpc-vitrine--categoria ul.products li.product a img {
	width: 100%;
	height: 166px;
	aspect-ratio: auto;
	object-fit: cover;
}

.bpc-vitrine--categoria .bpc-card__selo,
.bpc-vitrine--categoria .bpc-card__chips,
.bpc-vitrine--categoria .bpc-card__unidade {
	display: none;
}

/* Legenda no pé da foto de 166 px. */
.bpc-vitrine--categoria .bpc-card__legenda { top: 138px; }

.bpc-vitrine--categoria .bpc-card__parceiro {
	padding: 17px 18px 0;
	color: #9A6622;
	font-size: 13px;
}

.bpc-vitrine--categoria ul.products li.product .woocommerce-loop-product__title {
	padding: 6px 18px 0;
	color: var(--bpc-texto);
	font-size: 18px;
	line-height: 1.25;
}

.bpc-vitrine--categoria .bpc-card__rodape { padding: 18px 18px 18px; }

.bpc-vitrine--categoria ul.products li.product .price {
	color: var(--bpc-verde-escuro);
	font-size: 21px;
}

/* "+ Cesta" em contorno verde, como no design (na /loja ele é coral). */
.bpc-vitrine--categoria ul.products li.product .button {
	min-height: 36px;
	padding: 0 16px;
	border: 2px solid var(--bpc-verde);
	background: #EAF1E8;
	color: var(--bpc-verde-escuro);
	font-size: 14.5px;
	font-weight: 600;
	line-height: 32px;
}

.bpc-vitrine--categoria ul.products li.product .button:hover {
	background: var(--bpc-verde);
	color: #fff;
}

/* ── Telas menores ────────────────────────────── */

@media (max-width: 1100px) {
	.bpc-vitrine--categoria ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
	.bpc-vitrine--categoria ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
	.bpc-filtros-ativos__conta { margin-left: 0; flex-basis: 100%; }
}

@media (max-width: 480px) {
	.bpc-vitrine--categoria ul.products { grid-template-columns: minmax(0, 1fr); }
}