/**
 * Loja do Portal Brazópolis — identidade visual nas telas do WooCommerce.
 *
 * Cobre as telas da loja: vitrine, produto, carrinho (cheio e vazio),
 * finalização, pedido recebido, login/registro e painel da conta.
 *
 * Os valores vêm do kit do Elementor do portal (verde #2F6B43, coral #E15B43,
 * areia #F4EFE6, Zilla Slab nos títulos). Estão repetidos aqui como tokens
 * próprios de propósito: o CSS do kit NÃO se aplica nas páginas do WooCommerce
 * — conferido em produção, o carrinho renderiza Roboto #333 —, então depender
 * de var(--e-global-*) deixaria a loja sem cor nenhuma.
 */

:root {
	--bpc-verde:        #2F6B43;
	--bpc-verde-escuro: #234E33;
	--bpc-coral:        #E15B43;
	--bpc-texto:        #2A1D12;
	--bpc-areia:        #F4EFE6;
	--bpc-ocre:         #C0863A;
	--bpc-marrom:       #5A4A39;
	--bpc-linha:        rgba(42, 29, 18, .12);
	--bpc-sombra:       0 1px 2px rgba(42, 29, 18, .06), 0 8px 24px rgba(42, 29, 18, .07);
	--bpc-raio:         10px;
	--bpc-titulo:       "Zilla Slab", Georgia, serif;
	--bpc-apoio:        "Hanken Grotesk", "Segoe UI", sans-serif;
	--bpc-corpo:        Roboto, -apple-system, "Segoe UI", sans-serif;
}

/* ─────────────────────────────────────────────
 *  BASE DAS TELAS DA LOJA
 * ───────────────────────────────────────────── */

/*
 * Fundo areia em TODA tela de loja, declarado num lugar só.
 *
 * Repetir a cor em cada arquivo de tela garante divergência — foi exatamente
 * o que aconteceu: produto, vitrine e cesta nasceram com #F7F4ED, um tom
 * aproximado, em vez do areia do kit. Aqui a lista cobre também checkout,
 * conta e as taxonomias, então as próximas telas já entram com a cor certa
 * sem precisar de regra nova.
 */
body.woocommerce,
body.woocommerce-page,
body.single-product,
body.woocommerce-shop,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body.woocommerce-order-received,
body.tax-product_cat,
body.tax-product_tag {
	background: var(--bpc-areia);
}

.woocommerce-page,
.single-product {
	font-family: var(--bpc-corpo);
	color: var(--bpc-texto);
}

.woocommerce-page h1,
.woocommerce-page h2,
.woocommerce-page h3,
.single-product .product_title {
	font-family: var(--bpc-titulo);
	font-weight: 700;
	color: var(--bpc-texto);
	letter-spacing: -.01em;
}

.woocommerce-page .woocommerce,
.single-product .woocommerce {
	max-width: 1180px;
	margin-inline: auto;
	padding: 32px 16px 64px;
}

.woocommerce-products-header__title,
.woocommerce-page .entry-title {
	font-family: var(--bpc-titulo);
	font-size: clamp(28px, 4vw, 42px);
	margin: 0 0 8px;
}

.woocommerce-breadcrumb {
	font-family: var(--bpc-apoio);
	font-size: 14px;
	color: var(--bpc-marrom);
	margin-bottom: 24px;
}

.woocommerce-breadcrumb a {
	color: var(--bpc-verde);
	text-decoration: none;
}

.woocommerce-breadcrumb a:hover { text-decoration: underline; }

/* ─────────────────────────────────────────────
 *  BOTÕES — tira o roxo padrão do WooCommerce
 * ───────────────────────────────────────────── */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: var(--bpc-verde);
	color: #fff;
	font-family: var(--bpc-apoio);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.2;
	padding: 13px 22px;
	border: 0;
	border-radius: var(--bpc-raio);
	text-shadow: none;
	transition: background .15s ease, transform .15s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: var(--bpc-verde-escuro);
	color: #fff;
	transform: translateY(-1px);
}

/* Ação de conversão — finalizar e pagar saem no coral */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order {
	background: var(--bpc-coral);
	font-size: 17px;
	padding: 16px 24px;
	width: 100%;
	text-align: center;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #place_order:hover { background: #c74a33; }

/* Secundários — atualizar carrinho, continuar comprando */
.woocommerce button.button[name="update_cart"],
.woocommerce a.button.wc-backward {
	background: var(--bpc-areia);
	color: var(--bpc-texto);
}

.woocommerce button.button[name="update_cart"]:hover,
.woocommerce a.button.wc-backward:hover {
	background: #e9e0d1;
	color: var(--bpc-texto);
}

.woocommerce button.button:disabled,
.woocommerce button.button[disabled] {
	background: #cfc8bd;
	color: #fff;
	opacity: 1;
}

/* ─────────────────────────────────────────────
 *  AVISOS
 * ───────────────────────────────────────────── */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	font-family: var(--bpc-apoio);
	border: 0;
	border-left: 4px solid;
	border-radius: 0 var(--bpc-raio) var(--bpc-raio) 0;
	background: var(--bpc-areia);
	color: var(--bpc-texto);
	padding: 16px 20px;
	margin-bottom: 24px;
}

.woocommerce-message { border-left-color: var(--bpc-verde); }
.woocommerce-info    { border-left-color: var(--bpc-ocre); }
.woocommerce-error   { border-left-color: #b3261e; }

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { display: none; }

/* ─────────────────────────────────────────────
 *  VITRINE — /loja e categorias
 * ───────────────────────────────────────────── */

.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none; }

.woocommerce ul.products li.product {
	width: auto;
	margin: 0;
	float: none;
	background: #fff;
	border: 1px solid var(--bpc-linha);
	border-radius: var(--bpc-raio);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: box-shadow .18s ease, transform .18s ease;
}

.woocommerce ul.products li.product:hover {
	box-shadow: var(--bpc-sombra);
	transform: translateY(-2px);
}

.woocommerce ul.products li.product a img {
	margin: 0;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: var(--bpc-areia);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--bpc-titulo);
	font-size: 18px;
	font-weight: 700;
	padding: 14px 16px 4px;
	margin: 0;
}

.woocommerce ul.products li.product .price {
	font-family: var(--bpc-apoio);
	font-size: 20px;
	font-weight: 600;
	color: var(--bpc-verde);
	padding: 0 16px;
	margin: 0 0 14px;
}

.woocommerce ul.products li.product .button {
	margin: auto 16px 16px;
	text-align: center;
}

.woocommerce span.onsale {
	background: var(--bpc-coral);
	color: #fff;
	font-family: var(--bpc-apoio);
	font-weight: 600;
	border-radius: 999px;
	min-height: 0;
	min-width: 0;
	padding: 6px 14px;
	line-height: 1.2;
	top: 12px;
	left: 12px;
	margin: 0;
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select {
	font-family: var(--bpc-apoio);
	font-size: 14px;
	color: var(--bpc-marrom);
}

/* ─────────────────────────────────────────────
 *  PRODUTO INDIVIDUAL
 * ───────────────────────────────────────────── */

.single-product div.product {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
}

.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary {
	width: auto;
	float: none;
	margin: 0;
}

.single-product div.product .woocommerce-tabs,
.single-product div.product .related,
.single-product div.product .up-sells { grid-column: 1 / -1; }

.single-product .woocommerce-product-gallery img {
	border-radius: var(--bpc-raio);
	background: var(--bpc-areia);
}

.single-product .product_title {
	font-size: clamp(26px, 3.5vw, 38px);
	margin: 0 0 12px;
}

.single-product div.product p.price,
.single-product div.product span.price {
	font-family: var(--bpc-apoio);
	font-size: 32px;
	font-weight: 700;
	color: var(--bpc-verde);
	margin: 0 0 20px;
}

.single-product div.product p.price del {
	color: var(--bpc-marrom);
	font-size: 20px;
	font-weight: 400;
}

.single-product .woocommerce-product-details__short-description {
	font-size: 16px;
	line-height: 1.65;
	margin-bottom: 24px;
}

.single-product form.cart {
	display: flex;
	align-items: stretch;
	gap: 12px;
	margin-bottom: 24px;
}

.single-product form.cart .button { flex: 1; }

.woocommerce .quantity input.qty {
	font-family: var(--bpc-apoio);
	font-size: 16px;
	width: 74px;
	min-height: 48px;
	padding: 8px;
	text-align: center;
	border: 1px solid var(--bpc-linha);
	border-radius: var(--bpc-raio);
	background: #fff;
	color: var(--bpc-texto);
}

.single-product .product_meta {
	font-family: var(--bpc-apoio);
	font-size: 14px;
	color: var(--bpc-marrom);
	border-top: 1px solid var(--bpc-linha);
	padding-top: 16px;
}

.single-product .product_meta a { color: var(--bpc-verde); }

.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
	margin: 0 0 24px;
	border-bottom: 1px solid var(--bpc-linha);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: 0;
	border-radius: 0;
	margin: 0 24px 0 0;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: var(--bpc-apoio);
	font-weight: 600;
	color: var(--bpc-marrom);
	padding: 12px 0;
	display: block;
	border-bottom: 2px solid transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--bpc-verde);
	border-bottom-color: var(--bpc-verde);
}

.woocommerce .related > h2,
.woocommerce .up-sells > h2,
.woocommerce .cross-sells > h2 {
	font-family: var(--bpc-titulo);
	font-size: 26px;
	margin-bottom: 20px;
}

/* ─────────────────────────────────────────────
 *  CARRINHO — cheio e vazio
 * ───────────────────────────────────────────── */

.woocommerce table.shop_table {
	border: 1px solid var(--bpc-linha);
	border-radius: var(--bpc-raio);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.woocommerce table.shop_table thead th {
	font-family: var(--bpc-apoio);
	font-size: 13px;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--bpc-marrom);
	background: var(--bpc-areia);
	padding: 14px 16px;
	border: 0;
}

.woocommerce table.shop_table td {
	padding: 18px 16px;
	border-top: 1px solid var(--bpc-linha);
	vertical-align: middle;
}

.woocommerce table.shop_table tbody tr:first-child td { border-top: 0; }

.woocommerce table.cart img {
	width: 72px;
	border-radius: 8px;
	background: var(--bpc-areia);
}

.woocommerce table.cart .product-name a {
	font-family: var(--bpc-titulo);
	font-size: 17px;
	font-weight: 700;
	color: var(--bpc-texto);
	text-decoration: none;
}

.woocommerce table.cart .product-name a:hover { color: var(--bpc-verde); }

.woocommerce table.cart .product-price,
.woocommerce table.cart .product-subtotal {
	font-family: var(--bpc-apoio);
	font-weight: 600;
}

.woocommerce table.cart .product-subtotal { color: var(--bpc-verde); }

.woocommerce a.remove {
	color: var(--bpc-marrom);
	font-weight: 400;
	width: 24px;
	height: 24px;
	line-height: 22px;
}

.woocommerce a.remove:hover {
	background: #b3261e;
	color: #fff;
}

.woocommerce .cart-collaterals .cart_totals { width: 100%; }

.woocommerce .cart_totals > h2 {
	font-family: var(--bpc-titulo);
	font-size: 22px;
	margin-bottom: 16px;
}

.woocommerce .cart_totals table.shop_table th {
	background: transparent;
	text-transform: none;
	font-size: 15px;
	letter-spacing: 0;
	color: var(--bpc-texto);
}

.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td {
	font-size: 20px;
	border-top: 2px solid var(--bpc-texto);
}

.woocommerce .cart_totals .order-total .amount {
	color: var(--bpc-verde);
	font-weight: 700;
}

/* Entrega e retirada como opções escolhíveis, não lista solta */
.woocommerce ul#shipping_method {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce ul#shipping_method li {
	font-family: var(--bpc-apoio);
	display: flex;
	align-items: baseline;
	gap: 8px;
	padding: 10px 12px;
	margin: 0 0 8px;
	border: 1px solid var(--bpc-linha);
	border-radius: 8px;
	background: #fff;
}

.woocommerce ul#shipping_method li:hover { border-color: var(--bpc-verde); }
.woocommerce ul#shipping_method li label { font-weight: 500; }

.woocommerce ul#shipping_method .amount {
	font-weight: 700;
	color: var(--bpc-verde);
}

.woocommerce-shipping-destination {
	font-family: var(--bpc-apoio);
	font-size: 13px;
	color: var(--bpc-marrom);
}

.woocommerce .cart-empty {
	font-family: var(--bpc-titulo);
	font-size: 24px;
	text-align: center;
	background: var(--bpc-areia);
	border-left: 0;
	border-radius: var(--bpc-raio);
	padding: 40px 24px 12px;
}

.woocommerce .return-to-shop {
	text-align: center;
	padding-bottom: 40px;
}

.woocommerce .return-to-shop .button {
	background: var(--bpc-verde);
	display: inline-block;
}

.woocommerce .coupon {
	display: flex;
	gap: 8px;
	align-items: center;
}

/* ─────────────────────────────────────────────
 *  FINALIZAÇÃO DE COMPRA
 * ───────────────────────────────────────────── */

/* As duas colunas do checkout moram no checkout.css, no form.checkout. Uma
 * grade aqui no div.woocommerce dividia a tela duas vezes — medido em
 * produção: formulário de 308 px e resumo de 246 px numa página de 1140 — e
 * pegava também o pedido recebido, que tem a mesma classe no body. */

/* O visual do checkout (cartões, resumo escuro, meios de pagamento) mora
 * inteiro no checkout.css desde a versão dos pacotes. As regras antigas daqui
 * (resumo areia com sticky, #payment em caixas) brigavam com ele. */

/* ─────────────────────────────────────────────
 *  PEDIDO RECEBIDO
 * ───────────────────────────────────────────── */

.woocommerce-order-received .woocommerce-thankyou-order-received {
	font-family: var(--bpc-titulo);
	font-size: 26px;
	font-weight: 700;
	color: var(--bpc-verde);
	background: var(--bpc-areia);
	border-left: 4px solid var(--bpc-verde);
	border-radius: 0 var(--bpc-raio) var(--bpc-raio) 0;
	padding: 24px;
	margin-bottom: 28px;
}

.woocommerce ul.order_details {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 16px;
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
}

.woocommerce ul.order_details li {
	font-family: var(--bpc-apoio);
	font-size: 13px;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: var(--bpc-marrom);
	border: 1px solid var(--bpc-linha);
	border-radius: var(--bpc-raio);
	padding: 14px 16px;
	margin: 0;
	float: none;
}

.woocommerce ul.order_details li::after { display: none; }

.woocommerce ul.order_details li strong {
	display: block;
	font-family: var(--bpc-titulo);
	font-size: 19px;
	text-transform: none;
	letter-spacing: 0;
	color: var(--bpc-texto);
	margin-top: 4px;
}

/* ─────────────────────────────────────────────
 *  MINHA CONTA — login/registro e painel
 * ───────────────────────────────────────────── */

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
	max-width: 440px;
	margin-inline: auto;
	border: 1px solid var(--bpc-linha);
	border-radius: var(--bpc-raio);
	box-shadow: var(--bpc-sombra);
	padding: 32px;
}

.woocommerce-account .woocommerce-form-login .button,
.woocommerce-account .woocommerce-form-register .button {
	width: 100%;
	text-align: center;
}

.woocommerce-account .woocommerce-MyAccount-navigation { width: 24%; }

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	font-family: var(--bpc-apoio);
	border-bottom: 1px solid var(--bpc-linha);
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 12px 14px;
	color: var(--bpc-texto);
	text-decoration: none;
	font-weight: 500;
	border-left: 3px solid transparent;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--bpc-areia); }

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--bpc-verde);
	border-left-color: var(--bpc-verde);
	background: var(--bpc-areia);
	font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content { width: 72%; }
.woocommerce-account .woocommerce-MyAccount-content p { line-height: 1.7; }

.woocommerce mark {
	background: var(--bpc-areia);
	color: var(--bpc-texto);
	padding: 1px 6px;
	border-radius: 4px;
}

/* ─────────────────────────────────────────────
 *  FORMULÁRIOS — checkout, conta, endereços
 * ───────────────────────────────────────────── */

.woocommerce form .form-row {
	padding: 0;
	margin-bottom: 16px;
}

.woocommerce form .form-row label {
	font-family: var(--bpc-apoio);
	font-size: 14px;
	font-weight: 600;
	color: var(--bpc-texto);
	margin-bottom: 6px;
	display: block;
}

.woocommerce form .form-row .required {
	color: var(--bpc-coral);
	border: 0;
	text-decoration: none;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single {
	font-family: var(--bpc-corpo);
	font-size: 16px;
	width: 100%;
	padding: 12px 14px;
	height: auto;
	min-height: 48px;
	color: var(--bpc-texto);
	background: #fff;
	border: 1px solid var(--bpc-linha);
	border-radius: 8px;
	box-shadow: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	outline: 0;
	border-color: var(--bpc-verde);
	box-shadow: 0 0 0 3px rgba(47, 107, 67, .15);
}

.woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: #b3261e; }
.woocommerce form .form-row.woocommerce-validated input.input-text { border-color: var(--bpc-verde); }

.woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 24px;
	padding: 0;
	color: var(--bpc-texto);
}

.woocommerce .select2-container .select2-selection--single .select2-selection__arrow {
	top: 12px;
	right: 10px;
}

/* ─────────────────────────────────────────────
 *  MOBILE — tabelas viram cartões
 * ───────────────────────────────────────────── */

@media (max-width: 880px) {
	.single-product div.product {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.woocommerce-checkout #order_review { position: static; }

	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100%;
		float: none;
	}
}

@media (max-width: 640px) {
	.woocommerce-page .woocommerce,
	.single-product .woocommerce { padding: 20px 16px 48px; }

	.woocommerce ul.products {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		gap: 14px;
	}

	.woocommerce table.shop_table thead { display: none; }

	.woocommerce table.shop_table tbody tr {
		display: block;
		border: 1px solid var(--bpc-linha);
		border-radius: var(--bpc-raio);
		margin-bottom: 12px;
		padding: 8px 12px;
	}

	.woocommerce table.shop_table tbody td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		border: 0;
		padding: 8px 0;
		text-align: right;
	}

	.woocommerce table.shop_table tbody td::before {
		content: attr(data-title);
		font-family: var(--bpc-apoio);
		font-size: 13px;
		font-weight: 600;
		color: var(--bpc-marrom);
		text-align: left;
	}

	.woocommerce table.shop_table tbody td.product-remove::before { content: none; }
	.woocommerce table.cart img { width: 56px; }

	.single-product form.cart { flex-wrap: wrap; }
	.single-product form.cart .button { flex-basis: 100%; }

	.woocommerce .coupon { flex-wrap: wrap; }
	.woocommerce .coupon .input-text { flex: 1 1 60%; }
}

/* ─────────────────────────────────────────────
 *  CARRINHO E CHECKOUT EM BLOCOS
 *
 *  Esta loja usa os blocos do WooCommerce em /carrinho/ e /finalizar-compra/,
 *  não os templates clássicos (conferido em produção: os elementos vêm com
 *  classes .wc-block-*). As regras clássicas acima seguem valendo para quem
 *  trocar as páginas pelos shortcodes, mas é ESTA seção que pinta as telas
 *  reais hoje — sem ela, o "Finalizar pedido" sai vazado em vez de coral.
 * ───────────────────────────────────────────── */

.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-components-order-summary__title {
	font-family: var(--bpc-titulo);
	font-weight: 700;
	color: var(--bpc-texto);
}

.wc-block-components-product-name {
	font-family: var(--bpc-titulo);
	font-weight: 700;
	color: var(--bpc-texto);
}

.wc-block-components-formatted-money-amount {
	font-family: var(--bpc-apoio);
	font-weight: 600;
}

/* Painel lateral do resumo, no mesmo areia do checkout clássico */
.wc-block-components-sidebar,
.wc-block-checkout__sidebar {
	background: var(--bpc-areia);
	border-radius: var(--bpc-raio);
	padding: 24px;
}

.wc-block-components-totals-item { font-family: var(--bpc-apoio); }

.wc-block-components-totals-footer-item,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 20px;
	color: var(--bpc-verde);
	font-weight: 700;
}

.wc-block-components-totals-wrapper { border-top-color: var(--bpc-linha); }

/* Opções de entrega e pagamento */
.wc-block-components-radio-control__option {
	font-family: var(--bpc-apoio);
	border: 1px solid var(--bpc-linha);
	border-radius: 8px;
	background: #fff;
	padding: 12px 14px;
	margin-bottom: 8px;
}

.wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-components-radio-control__option-checked {
	border-color: var(--bpc-verde);
	box-shadow: 0 0 0 2px rgba(47, 107, 67, .12);
}

.wc-block-components-radio-control__option .wc-block-components-formatted-money-amount { color: var(--bpc-verde); }

/* Campos */
.wc-block-components-text-input input,
.wc-block-components-select__select,
.wc-block-components-textarea {
	font-family: var(--bpc-corpo);
	font-size: 16px;
	min-height: 48px;
	color: var(--bpc-texto);
	background: #fff;
	border: 1px solid var(--bpc-linha);
	border-radius: 8px;
}

.wc-block-components-text-input input:focus,
.wc-block-components-select__select:focus,
.wc-block-components-textarea:focus {
	outline: 0;
	border-color: var(--bpc-verde);
	box-shadow: 0 0 0 3px rgba(47, 107, 67, .15);
}

.wc-block-components-text-input label { font-family: var(--bpc-apoio); color: var(--bpc-marrom); }

/* Botões dos blocos */
.wc-block-components-button:not(.is-link) {
	font-family: var(--bpc-apoio);
	font-weight: 600;
	border-radius: var(--bpc-raio);
	background: var(--bpc-verde);
	color: #fff;
	border: 0;
}

.wc-block-components-button:not(.is-link):hover { background: var(--bpc-verde-escuro); color: #fff; }

/* As duas ações de conversão saem no coral, como no clássico.
 *
 * A dupla classe não é enfeite: o botão carrega .wc-block-components-button E
 * .wc-block-components-checkout-place-order-button, e a regra verde acima usa
 * :not(.is-link), que conta como duas classes. Escrito com uma classe só, o
 * coral perde por especificidade e o botão sai verde. */
.wc-block-components-button.wc-block-cart__submit-button,
.wc-block-components-button.wc-block-components-checkout-place-order-button {
	background: var(--bpc-coral);
	color: #fff;
	font-size: 17px;
	min-height: 56px;
	border: 0;
	border-radius: var(--bpc-raio);
}

.wc-block-components-button.wc-block-cart__submit-button:hover,
.wc-block-components-button.wc-block-components-checkout-place-order-button:hover {
	background: #c74a33;
	color: #fff;
}

.wc-block-components-button.wc-block-components-checkout-place-order-button:disabled,
.wc-block-components-button.wc-block-cart__submit-button:disabled {
	background: #cfc8bd;
	color: #fff;
}

/* Avisos dos blocos */
.wc-block-components-notice-banner {
	font-family: var(--bpc-apoio);
	border: 0;
	border-left: 4px solid var(--bpc-ocre);
	border-radius: 0 var(--bpc-raio) var(--bpc-raio) 0;
	background: var(--bpc-areia);
	color: var(--bpc-texto);
}

.wc-block-components-notice-banner.is-error { border-left-color: #b3261e; }
.wc-block-components-notice-banner.is-success { border-left-color: var(--bpc-verde); }

/* Itens do carrinho em blocos */
.wc-block-cart-items__row { border-bottom: 1px solid var(--bpc-linha); }
.wc-block-cart-item__image img { border-radius: 8px; background: var(--bpc-areia); }
.wc-block-components-order-summary-item__image img { border-radius: 6px; background: var(--bpc-areia); }
.wc-block-components-quantity-selector {
	border: 1px solid var(--bpc-linha);
	border-radius: 8px;
}
.wc-block-components-quantity-selector__input { font-family: var(--bpc-apoio); color: var(--bpc-texto); }

/* ─────────────────────────────────────────────
 *  ITEM SEM FOTO — cesta, pedido recebido e Meus pedidos
 *
 *  Quadrado na cor do tipo (produto, experiência, estadia), com as listras
 *  do design, no lugar do placeholder cinza do Woo. Gerado por
 *  bpc_loja_miniatura() em pedidos.php.
 * ───────────────────────────────────────────── */

.bpc-item__foto--vazia {
	display: block;
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, .06) 0 1.5px, transparent 1.5px 14px),
		linear-gradient(135deg, #7A5230 0%, #3E2A1A 100%);
}

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

.bpc-item__foto--vazia[data-type="estadia"] {
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, .06) 0 1.5px, transparent 1.5px 14px),
		linear-gradient(135deg, #B0482F 0%, #6A3A22 100%);
}

/* ─────────────────────────────────────────────
 *  PROMOÇÃO NOS CARTÕES — vitrine, categoria e "Combina com"
 *
 *  O selo do tipo ocupa o canto esquerdo da foto; "Oferta" vai para o
 *  direito. O Woo o põe lá com margem negativa (-.5em), e o canto
 *  arredondado do cartão cortava metade — medido na /loja. Aqui ele entra
 *  inteiro, no mesmo formato do selo do tipo.
 * ───────────────────────────────────────────── */

.woocommerce ul.products li.product span.onsale {
	top: 12px;
	right: 12px;
	left: auto;
	z-index: 2;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 5px 11px;
	border-radius: 999px;
	background: var(--bpc-coral);
	color: #fff;
	font-family: var(--bpc-apoio);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .1em;
	text-transform: uppercase;
}

/* Preço novo sem o sublinhado padrão do <ins>. */
.woocommerce ul.products li.product .price ins {
	background: none;
	text-decoration: none;
}

.woocommerce ul.products li.product .price del {
	margin-right: 4px;
	color: #8A7A66;
	font-size: .78em;
	font-weight: 400;
	opacity: 1;
}

/* Esgotado ocupa o mesmo canto; "Oferta" de item sem estoque não serve. */
.woocommerce ul.products li.product.outofstock span.onsale { display: none; }