/* --- Forçar a Busca para a Linha de Baixo no Mobile --- */
@media (max-width: 768px) {
    
    /* 1. Faz o bloco do logo ocupar a largura total ou empurrar o próximo elemento */
    div.abriga-logo, .abriga-logo, .abriga.logo {
        width: 100% !important; /* Faz o bloco do logo ser o "dono" da linha de cima */
        text-align: center !important; /* Opcional: centraliza o logo no mobile, fica lindo */
        float: none !important;
        margin-bottom: 10px !important; /* Cria um respiro entre o logo e a busca */
    }

    /* 2. Garante que a imagem do logo respeite a centralização */
    div.abriga-logo img, .logo img {
        max-height: 100px !important;
        width: auto !important;
        height: auto !important;/* Ajuste o tamanho visual do logo por aqui */
        display: inline-block !important; 
    }

    /* 3. Força a barra de busca a ir para baixo e ocupar a largura total */
    .conteudo-topo .busca {
        width: 100% !important; /* Ocupa a largura total da tela no mobile */
        clear: both !important;  /* Quebra o alinhamento lateral (força a descida) */
        float: none !important;
        display: block !important;
        margin-top: 10px !important;
    }

    /* 4. Ajusta o container pai para permitir a quebra de linha */
    .conteudo-topo .conteiner .row-fluid {
        display: block !important; /* Desfaz o 'flex' que força tudo na mesma linha */
    }
}


/* --- Forçar Cor Branca no Menu Sanduíche --- */
@media only screen and (max-width: 767px) {
    
    /* 1. Ajusta o botão (o quadrado/fundo do menu) */
    .menu-mobile-botao .navbar-toggle {
        background-color: #FFFFFF !important; /* Muda a cor de fundo do botão para Branco */
        border-color: #FFFFFF !important;     /* Garante que a borda também mude se houver */
    }

    /* 2. Ajusta as linhas de dentro (os 3 tracinhos do sanduíche) */
    .menu-mobile-botao .navbar-toggle .icon-bar,
    .menu-mobile-botao .navbar-toggle .icon-menu,
    .menu-mobile-botao .navbar-toggle i {
        background-color: #000000 !important; /* Cor dos tracinhos (coloquei preto para contrastar com o fundo branco) */
        color: #000000 !important;            /* Caso seja um ícone de fonte */
    }
}