/* --- CORREÇÃO CABEÇALHO: PC E MOBILE --- */

/* 1. BOTÕES BRANCOS PARA TODOS OS DISPOSITIVOS */
#cabecalho .acoes-conta *, 
#cabecalho .carrinho *, 
#cabecalho .bem-vindo, 
.icon-shopping-cart, .icon-user, .icon-search, .icon-list {
    color: #ffffff !important;
    fill: #ffffff !important;
    text-shadow: none !important;
}

/* 2. AJUSTE PARA COMPUTADOR (PC) */
@media (min-width: 768px) {
    .logo a img {
        max-height: 100px !important; /* Tamanho proporcional */
        width: auto !important;
    }
    .busca { margin-top: 20px !important; }
    .conteiner-carrinho, .acoes-conta { margin-top: 25px !important; }
}

/* 3. AJUSTE PARA CELULAR (MOBILE) */
@media (max-width: 767px) {
    /* Centraliza e aumenta a logo no mobile */
    .logo {
        display: block !important;
        text-align: center !important;
        margin: 10px auto !important;
        float: none !important;
        width: 100% !important;
    }
    .logo a img {
        max-height: 85px !important; /* Preenche melhor o espaço central */
        width: auto !important;
    }
    /* Corrige botões que aparecem transparentes */
    .icon-list:before, .icon-shopping-cart:before {
        color: #ffffff !important;
    }
    .busca { margin-bottom: 15px !important; }
}