.menu.superior {
    background-color: #064D26;
}

.menu.superior .nivel-um > li > a {
    color: #FFFFFF;
}

.menu.superior .nivel-um > li:hover > a {
    background-color: #F4F1E8;
    color: #064D26;
}
.menu.superior .nivel-um > li > a,
.menu.superior .nivel-um > li > a strong,
.menu.superior .nivel-um > li > a span {
    color: #FFFFFF !important;
}
.menu.superior .nivel-um > li > a,
.menu.superior .nivel-um > li > a *,
.menu.superior .nivel-um > li > a:hover,
.menu.superior .nivel-um > li:hover > a,
.menu.superior .nivel-um > li:hover > a * {
    color: #FFFFFF !important;
}
html body .menu.superior .nivel-um > li,
html body .menu.superior .nivel-um > li > a,
html body .menu.superior .nivel-um > li > a *,
html body .menu.superior .nivel-um > li strong,
html body .menu.superior .nivel-um > li span {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
/* Aumentar logo do cabeçalho */
.logo a img {
    max-height: 95px !important;
    width: auto !important;
    max-width: 300px !important;
}
/* Barra superior */
.barra-inicial {
    background-color: #064D26 !important;
}

.barra-inicial,
.barra-inicial a,
.barra-inicial span,
.barra-inicial i {
    color: #FFFFFF !important;
}
/* Corrigir barra verde do topo */
#barraTopo,
.barra-topo,
.barra-inicial,
#cabecalho .barra-inicial {
    background: #064D26 !important;
    background-color: #064D26 !important;
}

#barraTopo a,
#barraTopo span,
#barraTopo i,
.barra-topo a,
.barra-topo span,
.barra-topo i,
.barra-inicial a,
.barra-inicial span,
.barra-inicial i {
    color: #FFFFFF !important;
}
/* Cabeçalho principal */
#cabecalho {
    background-color: #F4F1E8 !important;
}
#cabecalho .conteiner {
    background-color: #F4F1E8 !important;
}
.menu.superior {
    border-radius: 6px;
    overflow: hidden;
}
.menu.superior .nivel-um {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.menu.superior .nivel-um > li {
    border-right: 1px solid rgba(255,255,255,0.28);
    
    
}

.menu.superior .nivel-um > li > a {
    padding: 16px 20px !important;
    font-weight: 600 !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.menu.superior .nivel-um > li:hover > a {
    background-color: #F4F1E8 !important;
    color: #064D26 !important;
}

/* Destaque discreto para Mudas */
.menu.superior .nivel-um > li:first-child > a {
    font-weight: 700 !important;
}
/* Vitrine de produtos */
.listagem .listagem-item {
    background: #FFFFFF !important;
    border: 1px solid #E7E2D8 !important;
    border-radius: 10px !important;
    padding: 14px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

/* Padronizar área da foto */
.listagem .imagem-produto {
    height: 190px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
}

.listagem .imagem-produto img {
    max-height: 180px !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* Nome do produto */
.listagem .nome-produto {
    font-weight: 600 !important;
    line-height: 1.3 !important;
    min-height: 48px !important;
    color: #263A2D !important;
}

/* Preço em destaque */
.listagem .preco-produto .preco-venda,
.listagem .preco-produto strong {
    color: #064D26 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* Títulos das vitrines */
.titulo-categoria,
.listagem > .titulo {
    color: #064D26 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
}
/* Ajuste final dos cards */

/* Botão Ver mais na cor Raizer */
.listagem .acoes-produto {
    background: transparent !important;
    position: relative !important;
    margin-top: 8px !important;
}

.listagem .acoes-produto .botao {
    background: #064D26 !important;
    border-color: #064D26 !important;
    color: #FFFFFF !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

.listagem .acoes-produto .botao:hover {
    background: #0A6B36 !important;
    color: #FFFFFF !important;
}

/* Evitar botão sobre o nome */
.listagem .info-produto {
    position: relative !important;
    padding-top: 8px !important;
}

/* Cards mais compactos */
.listagem .listagem-item {
    padding: 12px !important;
}

/* Preço mais destacado */
.listagem .preco-produto {
    margin-top: 10px !important;
}
/* Corrigir distribuição do menu superior */
.menu.superior .nivel-um {
    display: block !important;
}

.menu.superior .nivel-um > li {
    display: inline-block !important;
    width: auto !important;
    float: none !important;
}

.menu.superior .nivel-um > li > a {
    padding: 16px 20px !important;
}
/* Menu Raizer em 4 colunas */
.menu.superior .nivel-um {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

.menu.superior .nivel-um > li {
    display: block !important;
    width: 20% !important;
    flex: 0 0 20% !important;
    float: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.menu.superior .nivel-um > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 52px !important;
    padding: 10px 8px !important;
    text-align: center !important;
}
/* Ajustar textos longos do menu */
.menu.superior .nivel-um > li > a {
    font-size: 15px !important;
    line-height: 18px !important;
    white-space: normal !important;
    overflow: visible !important;
    word-wrap: break-word !important;
}
/* Menu superior compacto */
.menu.superior .nivel-um > li {
    height: 40px !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.menu.superior .nivel-um > li > a {
    height: 40px !important;
    min-height: 0 !important;
    padding: 0 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;

    font-size: 12px !important;}
    /* Corrigir definitivamente o hover do menu */
html body .menu.superior .nivel-um > li:hover > a,
html body .menu.superior .nivel-um > li > a:hover {
    background: #0A6B36 !important;
    background-color: #0A6B36 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
/* Ajuste exclusivo para celular */
@media (max-width: 767px) {

    .menu.superior .nivel-um {
        display: block !important;
        width: 100% !important;
    }

    .menu.superior .nivel-um > li {
        display: block !important;
        width: 100% !important;
        flex: none !important;
        height: auto !important;
        min-height: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.20) !important;
    }

    .menu.superior .nivel-um > li > a {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 42px !important;
        padding: 11px 14px !important;
        box-sizing: border-box !important;
        text-align: left !important;
        font-size: 15px !important;
        line-height: 20px !important;
        white-space: normal !important;
    }

    .menu.superior .nivel-dois {
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .menu.superior .nivel-dois li {
        width: 100% !important;
        float: none !important;
    }

    .menu.superior .nivel-dois li a {
        display: block !important;
        padding: 10px 18px !important;
        white-space: normal !important;
    }
}
/* No celular, usar apenas o menu nativo da Loja Integrada */
@media (max-width: 767px) {
    .menu.superior {
        display: none !important;
    }
}
/* Botão Ver mais mais discreto */
.listagem .acoes-produto {
    position: static !important;
    background: transparent !important;
    margin-top: 8px !important;
    text-align: center !important;
}

.listagem .acoes-produto .botao {
    position: static !important;
    display: inline-block !important;
    background: #064D26 !important;
    border-color: #064D26 !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    padding: 8px 14px !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

.listagem .acoes-produto .botao:hover {
    background: #0A6B36 !important;
    color: #FFFFFF !important;
}
/* Corrigir definitivamente o botão Ver mais */
.listagem .acoes-produto .botao,
.listagem .acoes-produto .botao.principal,
.listagem-item .acoes-produto .botao,
.listagem-item .acoes-produto .botao.principal {
    background: #064D26 !important;
    background-color: #064D26 !important;
    background-image: none !important;
    border: 1px solid #064D26 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

.listagem .acoes-produto .botao:hover,
.listagem .acoes-produto .botao.principal:hover {
    background: #0A6B36 !important;
    background-color: #0A6B36 !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

/* Texto/botão criado pelo tema */
.listagem-item a.produto-sobrepor:after {
    background: #064D26 !important;
    background-color: #064D26 !important;
    color: #FFFFFF !important;
    border: 0 !important;
    font-size: 14px !important;
    padding: 8px 14px !important;
    height: auto !important;
    width: auto !important;
    box-shadow: none !important;
}
