/* Gerado pelo Setup da Loja — 2026-10-06 20:11:19 */
:root {
  --cor_primaria: #6B4423;
  --cor_primaria_hover: #1C1916;
  --cor_secundaria: #A0714F;
  --cor_fundo: #F8F4EE;
  --cor_fundo_secundario: #FFFFFF;
  --cor_texto: #2B2520;
  --cor_texto_suave: #7D7066;
  --cor_titulo: #1C1916;
  --cor_link: #2B2520;
  --cor_destaque: #A0714F;
  --cor_header_fundo: #FFFFFF;
  --cor_header_texto: #1C1916;
  --cor_menu_fundo: #FFFFFF;
  --cor_menu_texto: #1C1916;
  --cor_menu_hover: #A0714F;
  --cor_rodape_fundo: #1C1916;
  --cor_rodape_texto: #D8CCBE;
  --cor_botao: #1C1916;
  --cor_botao_texto: #FFFFFF;
  --cor_botao_hover: #6B4423;
  --cor_login_botao_texto: #FFFFFF;
  --cor_borda: #E6DCCF;
  --cor_icone: #1C1916;
  --cor_preco: #1C1916;
  --cor_sucesso: #3F7D4E;
  --cor_aviso: #C08A2E;
  --cor_erro: #B3261E;
  --cor_pix: #32BCAD;
  --cor_wibank: #781CCD;
}

/* ===== Base ===== */
body, .conteudo-pages, .container.margin-conteudo {
	background-color: var(--cor_fundo) !important;
	color: var(--cor_texto) !important;
}
body a, a { color: var(--cor_link) !important; }
body a:hover, a:hover { color: var(--cor_primaria_hover) !important; }
h1, h2, h3, h4, h5, h6, .titulo, .page-title, .produto-nome {
	color: var(--cor_titulo) !important;
}
.text-muted, small, .subtitulo { color: var(--cor_texto_suave) !important; }

/* ===== Header (topo da loja) ===== */
header, header:not(.header-checkout), .header-top, .topo-site {
	background-color: var(--cor_header_fundo) !important;
	color: var(--cor_header_texto) !important;
}
header a, header span, header .menu-login a, header .user-greeting,
header .user-greeting strong, header .ha-item, header .ha-item span {
	color: var(--cor_header_texto) !important;
}
/* Ícones vermelhos do header (WhatsApp, conta, favorito, carrinho) */
header .fa, header .fas, header .far, header .fab, header .glyphicon,
header i, header .ha-item i, header .icon, #col-bottom i, #col-bottom .fa,
.header-actions i, .header-actions .fa {
	color: var(--cor_icone) !important;
}
header .badge, header .ha-item .badge, #col-bottom .badge {
	background-color: var(--cor_primaria) !important;
	color: #fff !important;
}

/* ===== Menu de categorias ===== */
.navbar, .nav-menu, .menu-categorias, .categorias, nav.menu,
.ha-nav, .menu-cats, .bar-categorias {
	background-color: var(--cor_menu_fundo) !important;
}
.navbar a, .nav-menu a, .menu-categorias a, .categorias a, nav.menu a,
.ha-nav a, .menu-cats a {
	color: var(--cor_menu_texto) !important;
}
.navbar a:hover, .menu-categorias a:hover, .categorias a:hover, .ha-nav a:hover {
	color: var(--cor_menu_hover) !important;
}

/* ===== Cards / produtos ===== */
.produto, .item-produto, .thumbnail, .box-produto, .card-produto, .panel, .well, .box {
	background-color: var(--cor_fundo_secundario) !important;
	border-color: var(--cor_borda) !important;
	color: var(--cor_texto) !important;
}
.preco, .price, .valor, .produto-preco, .price-box, span.preco, .por {
	color: var(--cor_preco) !important;
}
.destaque, .badge-destaque, .label-destaque, .tag-oferta {
	background-color: var(--cor_destaque) !important;
	color: #fff !important;
}

/* ===== Botões ===== */
.btn-buy, .btn-comprar, .btn-carrinho, .btn-primary, .btn-preto,
.botao-comprar, a.btn-buy, button.btn-buy, .btn-add-cart, .adicionar-carrinho, .btn-finalizar {
	background-color: var(--cor_botao) !important;
	border-color: var(--cor_botao) !important;
	color: var(--cor_botao_texto) !important;
}
.btn-buy:hover, .btn-comprar:hover, .btn-carrinho:hover, .btn-primary:hover,
.btn-preto:hover, .botao-comprar:hover, .btn-add-cart:hover {
	background-color: var(--cor_botao_hover) !important;
	border-color: var(--cor_botao_hover) !important;
	color: var(--cor_botao_texto) !important;
}

/* ===== Rodapé (ícones e botões vermelhos) ===== */
footer, .footer, #footer, .rodape {
	background-color: var(--cor_rodape_fundo) !important;
	color: var(--cor_rodape_texto) !important;
}
footer a, .footer a, .rodape a, footer li a, footer .center ul li a {
	color: var(--cor_rodape_texto) !important;
}
footer a:hover, .footer a:hover { color: var(--cor_link) !important; }
footer .text, footer .center span, footer b, footer strong,
footer .atendimento span, footer h4, footer h5 {
	color: var(--cor_icone) !important;
}
footer .fa, footer .fas, footer i, footer .glyphicon {
	color: var(--cor_icone) !important;
}
/* Botões vermelhos de telefone/whatsapp/email no rodapé */
footer .atendimento a, footer .contact-btn, footer .btn-contact,
footer .right a, footer .social-contact a,
footer [class*="atend"] a, footer .fone, footer .whats, footer .email-box {
	background-color: var(--cor_primaria) !important;
	color: #fff !important;
	border-color: var(--cor_primaria) !important;
}
footer .atendimento a i, footer .right a i { color: #fff !important; }

/* ===== Links/textos que ficavam vermelhos no CSS antigo ===== */
.text-primary, a.text-primary, .bg-primary,
label, .required, .obrigatorio {
	/* não força label inteira */
}
a.f-link, .f-link, .link-destaque {
	color: var(--cor_link) !important;
}

/* ===== Botões da tela de login (Fazer cadastro / Recuperar senha) ===== */
.login .btn-default, .login a.btn-default {
	color: var(--cor_login_botao_texto) !important;
}

/* ===== Formulários ===== */
input, select, textarea, .form-control {
	border-color: var(--cor_borda) !important;
	color: var(--cor_texto) !important;
}

/* ===== Sobrescrita direta dos vermelhos hardcoded do style.css ===== */
/* Qualquer elemento que ainda use o vermelho legado via classes comuns */
.color-primary, .c-primary, .txt-primary {
	color: var(--cor_primaria) !important;
}
.bg-brand, .bg-site {
	background-color: var(--cor_primaria) !important;
}

/* reforço ícones header/footer */
#col-bottom a, #col-bottom span { color: var(--cor_header_texto) !important; }
#col-bottom i, #col-bottom .fa, #col-bottom .fas { color: var(--cor_icone) !important; }
footer .center span, footer .right span { color: var(--cor_icone) !important; }