/**
 * Sítio Nativo — cor da marca e o Pandinha no checkout.
 *
 * 📌 16/09/2026, dono: *"no checkout personalizar melhor com cor, um pandinha
 * da roça"*.
 *
 * 🎨 As cores saem do PRÓPRIO TEMA (`--wp--preset--color--primary` e irmãs), com
 * o valor medido no site como reserva — se um dia a paleta do tema mudar, o
 * checkout acompanha sozinho em vez de ficar destoando.
 *
 * ✋ SOBRIEDADE É REGRA AQUI: checkout é tela de decisão, não vitrine. Cor entra
 * no que guia a ação (botão, foco, destaque do total) e o Pandinha entra UMA
 * vez, ao lado da mensagem de confiança. Nada de fundo colorido atrás de
 * formulário nem mascote sobre campo de digitação.
 *
 * ⚠️ Todo seletor começa com `sn-ck-` ou está dentro do bloco do checkout —
 * nada de estilo solto que vaze para o resto do site (regra 251).
 */

.wc-block-checkout {
	--sn-ck-verde: var( --wp--preset--color--primary, #68ac1b );
	--sn-ck-verde-escuro: var( --wp--preset--color--secondary, #4e8114 );
	--sn-ck-verde-claro: var( --wp--preset--color--tertiary, #f3f7ec );
	--sn-ck-texto: var( --wp--preset--color--foreground-alt, #3d3d3d );
}

/* ── o botão que fecha a compra: é a ação principal da tela ───────────── */
.wc-block-checkout .wc-block-components-checkout-place-order-button {
	background-color: var( --sn-ck-verde );
	border-color: var( --sn-ck-verde );
	font-weight: 600;
	transition: background-color 0.15s ease-in-out;
}

.wc-block-checkout .wc-block-components-checkout-place-order-button:hover:not( :disabled ),
.wc-block-checkout .wc-block-components-checkout-place-order-button:focus:not( :disabled ) {
	background-color: var( --sn-ck-verde-escuro );
	border-color: var( --sn-ck-verde-escuro );
}

/* ── foco visível: acessibilidade e sensação de resposta ──────────────── */
.wc-block-checkout .wc-block-components-text-input input:focus,
.wc-block-checkout .wc-block-components-country-input input:focus,
.wc-block-checkout .wc-block-components-state-input input:focus,
.wc-block-checkout select:focus {
	outline: 2px solid var( --sn-ck-verde );
	outline-offset: 1px;
}

/* ── total do pedido em destaque, na cor da marca ─────────────────────── */
.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
	color: var( --sn-ck-verde-escuro );
	font-weight: 700;
}

/* ── o aviso do CEP (vem do cep.js) ───────────────────────────────────── */
.sn-ck-aviso-cep {
	margin: 6px 0 0;
	font-size: 0.85em;
	line-height: 1.35;
}

.sn-ck-aviso-cep--info {
	color: var( --sn-ck-verde-escuro, #4e8114 );
}

.sn-ck-aviso-cep--erro {
	color: #b32d2e;
}

/* ── a faixa do Pandinha, acima do resumo do pedido ───────────────────── */
.sn-ck-pandinha {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
	padding: 12px 14px;
	background: var( --sn-ck-verde-claro, #f3f7ec );
	border: 1px solid rgba( 104, 172, 27, 0.25 );
	border-radius: 10px;
}

.sn-ck-pandinha img {
	flex: 0 0 auto;
	width: 56px;
	height: auto;
	/* a arte tem fundo transparente: nada de caixa branca em volta */
	background: none;
}

.sn-ck-pandinha p {
	margin: 0;
	font-size: 0.9em;
	line-height: 1.4;
	color: var( --sn-ck-texto, #3d3d3d );
}

.sn-ck-pandinha strong {
	color: var( --sn-ck-verde-escuro, #4e8114 );
}

/* no celular o resumo já é apertado: o mascote encolhe em vez de empurrar
   o conteúdo que importa para fora da primeira tela */
@media ( max-width: 600px ) {
	.sn-ck-pandinha {
		gap: 10px;
		padding: 10px;
	}

	.sn-ck-pandinha img {
		width: 44px;
	}

	.sn-ck-pandinha p {
		font-size: 0.85em;
	}
}

/* ── 1.6.5 (23/09/2026): sem o resumo da descrição embaixo do item ────────
 * O carrinho em blocos mostra o começo da descrição do produto, e em toda
 * planta ela abre com o bloco fixo do modelo — «Atenção: Para garantir a
 * qualidade das mudas, recomendamos a escolha de fretes com prazo de…». O
 * dono: *"isso também aparece no checkout que não é necessário"*. A descrição
 * continua inteira na página do produto e no ML; só some daqui. O selo de
 * encomenda e a linha «Entrega» são outros elementos e continuam. */
.wc-block-cart .wc-block-components-product-metadata__description,
.wc-block-checkout .wc-block-components-product-metadata__description {
	display: none;
}

/* ── 1.6.7 (23/09/2026): os descontos ditos na hora da compra ────────────
 * Retirada com desconto e atacado no Pix, escritos pelo `ofertas.js` acima
 * das opções de entrega (checkout) e do resumo (carrinho). Mesma cara da
 * faixa do Pandinha: verde claro, sem gritar. */
.sn-ofertas {
	background: var( --wp--preset--color--tertiary, #f3f7ec );
	border-left: 4px solid var( --wp--preset--color--primary, #68ac1b );
	border-radius: 6px;
	padding: 10px 14px;
	margin: 0 0 16px;
	font-size: 0.95em;
	line-height: 1.45;
}
.sn-ofertas p {
	margin: 0;
}
.sn-ofertas p + p {
	margin-top: 6px;
}