/* 1. FUNDO E BANNER GRANDE */
body, #corpo, .secao-principal { background-color: #F3EEE6 !important; }

/* Ajuste para o Banner ficar maior e centralizado */
.secao-banners .banner-principal { 
    margin: 20px 0 !important; 
    padding: 0 !important;
    max-width: 100% !important;
}
.flexslider { 
    border: none !important; 
    box-shadow: 0px 5px 15px rgba(72, 44, 0, 0.1) !important; 
}

/* 2. BOTÕES GERAIS E NEWSLETTER */
.botao-comprar, .botao-finalizar-compra, .btn-checkout, .bt-comprar, .fundo-principal, .botao-newsletter {
    background-color: #482C00 !important;
    background-image: none !important;
    border: none !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
}

/* 3. MENU SUPERIOR MARROM */
#cabecalho .menu.superior, #cabecalho .menu.superior .nivel-um {
    background-color: #482C00 !important;
    border: none !important;
}
#cabecalho .menu.superior .nivel-um > li > a > strong {
    color: #FFFFFF !important;
}

/* 4. BUSCA E PREÇOS */
#cabecalho .busca .botao-busca { background-color: #482C00 !important; color: #FFFFFF !important; }
.preco-venda { color: #482C00 !important; font-weight: bold; }

/* --- RESET TOTAL DO RODAPÉ (ADEUS CINZA E RISCOS) --- */

#rodape, 
#rodape .fundo-secundario, 
#rodape .links-rodape, 
.social-lista {
    background-image: none !important; /* Aqui matamos os riscos cinzas */
    background-color: #482C00 !important; /* Aqui impomos o Marrom Well */
    box-shadow: none !important;
    border: none !important;
}

/* Forçar a remoção de fundos brancos nas colunas */
#rodape .conteudo-rodape, 
#rodape .redes-sociais, 
#rodape .sobre-loja-rodape {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Ajuste de Cor dos Títulos e Textos */
#rodape .titulo, #rodape .titulo * {
    color: #F3EEE6 !important; /* Bege Claro */
    text-shadow: none !important;
}

#rodape p, #rodape span, #rodape li, #rodape a {
    color: #D1C7BD !important; /* Bege Suave */
}

/* Linha de separação entre o site e o rodapé */
#rodape {
    border-top: 4px solid #F3EEE6 !important;
}
/* Limpando a área de Pagamento e Selos */
#rodape .pagamento-selos, 
#rodape .pagamento-selos .conteudo-pagamento-selos {
    background-image: none !important;
    background-color: #F3EEE6 !important; /* Bege para destacar os cartões */
    border: none !important;
    box-shadow: none !important;
}

/* Deixando a última linha (CNPJ) em Marrom Well */
#rodape .copyright {
    background-color: #482C00 !important;
    color: #F3EEE6 !important;
    border-top: 1px solid #5A3900;
}
/* --- LIMPEZA FINAL DO CABEÇALHO --- */

/* 1. Barra de Topo (Onde fica o Telefone e Bem-vindo) */
.barra-inicial {
    background-color: #482C00 !important; /* Marrom Well */
    background-image: none !important;
}

.barra-inicial * {
    color: #F3EEE6 !important; /* Texto Bege */
}

/* 2. Fundo da Busca e do Carrinho */
.conteudo-topo .busca, 
.conteudo-topo .carrinho {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. Lupa da Busca (Para ficar marrom) */
.conteudo-topo .busca .botao-busca {
    background-color: #482C00 !important;
    color: #FFFFFF !important;
    border-radius: 0 4px 4px 0;
}

/* 4. Ícone do Carrinho (Para ficar marrom) */
.conteudo-topo .carrinho > a i {
    background-color: #482C00 !important;
    color: #FFFFFF !important;
}

/* 5. Remover bordas cinzas entre os itens do menu */
#cabecalho .menu.superior .nivel-um > li {
    border-right: 1px solid rgba(243, 238, 230, 0.1) !important;
}
/* --- AJUSTE NEWSLETTER E LATERAL --- */

/* 1. Fundo da Newsletter (Aquele cinza do print) */
#barraNewsletter {
    background-color: #F3EEE6 !important; /* Bege de fundo */
    background-image: none !important;
    border-top: 1px solid #D1C7BD !important;
}

/* 2. Botão da Newsletter (A setinha) */
#barraNewsletter .botao-newsletter {
    background-color: #482C00 !important; /* Marrom Well */
    color: #FFFFFF !important;
}

/* 3. Menu Lateral (Categorias que aparecem na lateral) */
.menu.lateral .nivel-um > li > a {
    color: #482C00 !important;
    border-bottom: 1px solid #F3EEE6 !important;
}

.menu.lateral .nivel-um > li:hover {
    background-color: rgba(72, 44, 0, 0.05) !important; /* Um marrom bem clarinho ao passar o mouse */
}