/* --------------------------------------- */

/* Remove o traço/borda entre as linhas de produtos */
.listagem .listagem-linha {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove bordas que podem estar nos itens individuais */
.listagem-item {
    border: none !important;
    box-shadow: none !important;
}

/* Caso o traço seja uma linha divisória do próprio tema */
.listagem-linha + .listagem-linha {
    border-top: none !important;
}

/* Remove a linha/borda do rodapé da listagem de produtos */
.ordenar-listagem.rodape.borda-alpha {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Garante que qualquer borda superior residual seja removida */
.ordenar-listagem.rodape {
    border-top: none !important;
}

/* --------------------------------------- */

/* 1. CENTRALIZAÇÃO DOS TÍTULOS (Sem quebrar a largura da coluna) */
#rodape .titulo {
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 2. CENTRALIZAÇÃO DOS LINKS E TEXTOS DAS COLUNAS */
#rodape .menu-rodape ul, 
#rodape .links-rodape, 
#rodape .nav-list,
#rodape .conteudo-contato {
    text-align: center !important;
    list-style-position: inside !important;
}

#rodape .menu-rodape li, 
#rodape .links-rodape li {
    text-align: center !important;
}

/* 3. CENTRALIZAÇÃO DOS PAGAMENTOS E SELOS (Mantendo-os em blocos centralizados) */
#rodape .pagamento-selos .pagamento,
#rodape .pagamento-selos .selos,
ul.gateways-rodape,
ul.bandeiras-pagamento {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    float: none !important;
    padding: 0 !important;
    margin: 10px auto !important;
}

/* Ajuste específico para os itens dentro dessas listas */
#rodape .pagamento-selos li,
ul.gateways-rodape li {
    display: inline-block !important;
    float: none !important;
    width: auto !important; /* Aqui resolve o problema das colunas tortas no Pix */
    margin: 5px 10px !important;
}

/* 4. REDES SOCIAIS */
#rodape .redes-sociais ul {
    display: flex !important;
    justify-content: center !important;
    float: none !important;
}

/* 5. LIMPEZA VISUAL (Remove a barra cinza e bordas) */
#rodape .pagamento-selos, 
#rodape .redes-sociais, 
#rodape .row-fluid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Ajuste para alinhar ícones de contato */
#rodape .conteudo-contato i {
    float: none !important;
    display: inline-block !important;
    margin-bottom: 5px;
}

/* --------------------------------------- */

/* Define o card do produto como referência de posicionamento */
.listagem-item {
    position: relative !important;
}

/* Move o container de bandeiras para o topo direito */
.listagem-item .bandeiras-produto {
    position: absolute !important;
    top: 10px;         /* Distância do topo da imagem */
    right: 10px;       /* Distância da direita da imagem */
    left: auto;        /* Garante que não fique alinhado à esquerda */
    z-index: 10;       /* Garante que fique acima da imagem */
}

/* Padroniza o visual do selo na listagem para ficar igual ao da página do produto */
.listagem-item .bandeira-frete-gratis {
    background-color: #468847 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: normal !important;
    text-transform: capitalize !important; 
    padding: 0 6px 1px !important;
    text-transform: uppercase !important;
    border-radius: 2px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

/* Centralização específica do Selo Site Protegido / Segurança */
#rodape .selos, 
#rodape .pagamento-selos .selos {
    display: block !important;
    text-align: center !important;
    float: none !important;
    /* Removemos o width: 100% para não empurrar as colunas vizinhas */
}

#rodape .selos ul, 
#rodape .pagamento-selos .selos ul {
    display: flex !important;
    justify-content: center !important; /* Alinha os itens no meio horizontalmente */
    align-items: center !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    list-style: none !important;
}

#rodape .selos li, 
#rodape .pagamento-selos .selos li {
    display: inline-block !important;
    float: none !important;
    margin: 0 10px !important; /* Espaçamento entre selos, se houver mais de um */
    vertical-align: middle !important;
}

/* Garante que a imagem do selo em si seja tratada como um bloco centralizado */
#rodape .selos img, 
#rodape .pagamento-selos .selos img,
#rodape .selos .selo-seguranca img {
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
}

/* --------------------------------------- */

/* Remove a coluna da esquerda (filtros/categorias) nas listagens */
.pagina-categoria .coluna.span3 {
    display: none !important;
}

/* Faz o grid de produtos ocupar 100% da largura da página */
.pagina-categoria .conteudo.span9 {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    border: none !important; /* Remove bordas que dividiam a coluna se houver */
}

/* Ajusta o espaçamento dos produtos para alinhar corretamente no novo espaço */
.pagina-categoria .listagem-linha .span3 {
    margin-left: 2% !important;
}

.pagina-categoria .listagem-linha .span3:nth-child(4n+1) {
    margin-left: 0 !important;
    clear: both;
}

/* --------------------------------------- */

/* Oculta a barra de ordenação completa */
.ordenar-listagem.topo.borda-alpha {
    display: none !important;
}

/* --------------------------------------- */

/* Altera a cor de fundo da barra do menu superior */
.menu.superior, 
.menu.superior .nivel-um {
    background-color: #D0A970 !important;
    border: none !important;
}

/* --------------------------------------- */

/* Esconde o botão de voltar ao topo, barra flutuante e produtos relacionados */
.scrollToTop, 
.acoes-flutuante, 
.aproveite-tambem, 
#smarthint-product-position3, 
#blank-product-position3 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
}

/* --------------------------------------- */

/* Arredondar botões de comprar (Listagem e Página de Produto) */
.botao.botao-comprar.principal,
.botao.botao-comprar.principal.grande {
    border-radius: 20px !important;
}

/* --------------------------------------- */

/* Container da lista (flexbox para centralizar) */
.produto-compartilhar .lista-redes ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Itens da lista (ajuste de margem e remoção de float) */
.produto-compartilhar .lista-redes ul li {
    float: none !important;
    display: inline-block !important;
    margin: 0 10px !important;
}

/* Botão de favoritos específico */
.lista-favoritos {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
}

/* --------------------------------------- */

/* Caso queira remover o container inteiro das bandeiras */
/* .bandeiras-produto {
    display: none !important;
}