/* ======================================================= */
/* CÓDIGO FINAL E LIMPO (10/Set/2025)                 */
/* Contém todos os ajustes que funcionaram. A remoção da   */
/* tarja/menu mobile precisa ser feita no painel do tema.  */
/* ======================================================= */

/* --- OCULTA O BOTÃO "VOLTAR AO TOPO" --- */
.scrollToTop {
    display: none !important;
}

/* --- REMOÇÃO DO BANNER PROMOCIONAL DA LOJA INTEGRADA --- */
a[href*="buscaintegrada.com.br"] {
    display: none !important;
}

/* --- NOVA COR VERDE PARA O BOTÃO "COMPRAR" --- */
#listagemProdutos .listagem-item .action {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #ffffff !important;
    transition: background-color 0.2s ease;
}
#listagemProdutos .listagem-item .action:hover {
    background-color: #218838 !important;
    border-color: #218838 !important;
}


/* --- 1. AJUSTES PARA DESKTOP (Telas maiores que 767px) --- */
@media (min-width: 768px) {

    /* --- CORREÇÃO PARA O MENU FIXO FUNCIONAR --- */
    body, .conteiner-principal {
        overflow: visible !important;
    }

    /* --- CABEÇALHO FIXO AO ROLAR --- */
    #cabecalho {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1000;
        background-color: white;
    }
    
    /* --- EFEITO DE MENU INTELIGENTE (ESCONDE/MOSTRA AO ROLAR) --- */
    #cabecalho .menu.superior {
      transition: transform 0.3s ease-in-out, max-height 0.3s ease-in-out;
    }
    #cabecalho.cabecalho-rolando-baixo .menu.superior {
      transform: translateY(-100%);
      max-height: 0;
      overflow: hidden;
    }

    /* --- BANNER PRINCIPAL --- */
    #corpo .secao-banners img {
        height: 350px !important;
        width: 100%;
        object-fit: cover !important;
    }

    /* --- TARJA SEPARADA (SELETOR REFORÇADO) --- */
    #corpo .row-fluid.banner.hidden-phone {
        max-height: 50px !important;
        overflow: hidden;
    }

    /* --- CORREÇÃO PARA RESTAURAR O CARROSSEL DE PRODUTOS --- */
    #listagemProdutos {
        overflow: hidden !important;
        position: relative;
    }
}


/* --- 2. AJUSTES PARA MOBILE (Telas de até 767px) --- */
@media (max-width: 767px) {

    /* --- BANNER PRINCIPAL --- */
    .secao-banners img {
        height: 180px !important;
        object-fit: cover !important;
    }

    /* --- ESPAÇAMENTO ABAIXO DO BANNER --- */
    .secao-banners {
         margin-bottom: 40px !important;
    }
}