/* Botões retos, sem cantos arredondados */
.botao { border-radius: 0 !important; }
.botao.botao-comprar.principal { background-color: #F5A623 !important; color: #171512 !important; font-weight: 700 !important; }

/* Texto legível no cabeçalho e rodapé escuros */
#cabecalho, #cabecalho a { color: #F4F1EA !important; }
#rodape, #rodape a { color: #D8D4C8 !important; }
#rodape .conteiner { background-color: #171512 !important; }

/* Cards de produto: borda fina em vez de sombra */
.listagem-item { border: 1px solid #E4E0D6 !important; box-shadow: none !important; }

/* Título das vitrines ("Mais vendidos", "Lançamentos", "Destaques") */
.titulo-categoria { color: #171512 !important; }

/* Selo de desconto: de vermelho gritante pra discreto, em carvão */
.bandeira-promocao svg path { fill: #171512 !important; }
.bandeira-promocao { color: #F4F1EA !important; font-weight: 600 !important; }
/* Fundo geral da loja, mais neutro/quente em vez de branco puro */
body { background-color: #F7F5F0 !important; }
.conteiner { background-color: #FFFFFF !important; }

/* Faixa de ícones (frete, parcelamento, pix, segurança) */
.secao-banners .conteiner { background-color: #F7F5F0 !important; }
.secao-banners { border-bottom: 1px solid #E4E0D6 !important; }

/* Links e ícones em geral usando a cor principal do tema */
a:hover, .menu a:hover { color: #F5A623 !important; }

/* Categoria do menu superior — deixa consistente com o carvão do cabeçalho */
.menu.superior { background-color: #FFFFFF !important; }
.menu.superior > ul > li > a { color: #171512 !important; }
/* Logo maior e com mais respiro */
.header-logo, #cabecalho .logo { height: auto !important; }
.header-logo img, #cabecalho .logo img { max-height: 64px !important; height: 64px !important; width: auto !important; }
/*.header-logo, #cabecalho .logo { background-color: transparent !important; }*/