/* --- AJUSTE DO LOGO E ALINHAMENTO DO CABEÇALHO --- */

/* 1. Aumentar o tamanho do logo e garantir que não seja cortado */
#cabecalho .logo img {
    max-height: 120px !important; /* Aumentado para 120px */
    width: auto !important;
    transition: all 0.3s ease !important;
}

/* 2. Ajustar o container do logo para comportar o novo tamanho e centralizar */
#cabecalho .span3 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 120px !important; /* Altura mínima igual ao logo */
}

/* 3. Centralizar verticalmente a busca e o carrinho no desktop */
#cabecalho .conteudo-topo .inferior .row-fluid {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* 4. Ajuste dos '3 pontinhos' (Menu Mobile / Ícone Hambúrguer) */
/* Garante que o ícone do menu mobile esteja alinhado e visível */
.menu.superior .botao-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
}

/* 5. Ajuste fino para Mobile (Telas até 767px) */
@media (max-width: 767px) {
    #cabecalho .logo img {
        max-height: 80px !important; /* Logo um pouco menor no mobile para não ocupar a tela toda */
    }
    
    #cabecalho .span3 {
        min-height: auto !important;
        padding: 10px 0 !important;
    }

    /* Alinhamento do topo no mobile */
    #cabecalho .conteudo-topo {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
}