/* ==========================================================================
   Polish visual da loja — camada adicional sobre style.css/theme-custom.css
   Não redefine cores (essas continuam vindo do Setup da Loja no admin),
   só refina transições, foco e pequenos ajustes. A identidade LadivDecor
   (header, menu, cards, rodapé) fica em css/ladiv.css, que carrega depois.
   ========================================================================== */

*{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a, button, .btn, input, select, textarea{
	transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

/* Foco visível (teclado) na cor caramelo da marca */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, .btn:focus-visible, [tabindex]:focus-visible{
	outline: 2px solid var(--cor_secundaria, #A0714F);
	outline-offset: 2px;
}
a:focus:not(:focus-visible), button:focus:not(:focus-visible), .btn:focus:not(:focus-visible){ outline: none; }

/* Botões de compra fora dos cards: elevação discreta no hover */
.btn-buy:hover, .btn-carrinho:hover, .btn-add-cart:hover{
	box-shadow: 0 6px 16px rgba(28,25,22,.16);
	transform: translateY(-1px);
}

/* Caixas de conteúdo com o raio da marca */
.panel, .well, .box-produto, .card-produto{
	border-radius: 14px;
}

/* Rodapé: espaçamento respirado nas listas antigas */
footer .center ul li{
	margin-bottom: 4px;
}

/* Imagens nunca estouram a largura */
img{ max-width: 100%; }