/* ================================================
   CSS PERSONALIZADO PARA O CABEÇALHO MOBILE
   NICOELECTRONICOS.COM.PY
   ================================================ */

@media (max-width: 991px) {
    /* 1. Container principal do cabeçalho */
    header .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    /* 2. Ícone do Menu (Hambúrguer) */
    #pt_menu_icon {
        order: 1; /* Posição na esquerda */
    }

    /* 3. Logo */
    #logo {
        order: 2; /* Posição no centro */
        flex-grow: 1;
        text-align: center;
        padding: 0 10px;
    }
    #logo img {
        max-height: 150px; /* <<< VOCÊ PODE AUMENTAR OU DIMINUIR O LOGO AQUI */
        width: auto;
        margin: 0 auto;
    }

    /* 4. Container dos Ícones (Favoritos, Carrinho) */
    .header-right {
        order: 3; /* Posição na direita */
        display: flex;
        align-items: center;
    }

    /* 5. Esconder o que não queremos */
    .header-right .my-account,       /* Esconde o ícone de conta (engrenagem) */
   /* .header-right .text-favorito,    /* Esconde o texto "Favoritos" */
    #cart .text-item,                /* Esconde o texto "0 item(s) - $0.00" */
    #cart-total {                    /* Esconde a bolha com o número de itens */
        display: none !important;
    }
    
    /* 6. Ajustar o tamanho e margem dos ícones que sobram */
    .header-right .links a, 
    .header-right #cart > a {
        font-size: 24px;      /* Aumenta o tamanho do ícone de coração e carrinho */
        margin-left: 15px;
    }
     .header-right #cart .cart-icon {
        font-size: inherit; /* Faz o ícone do carrinho herdar o tamanho acima */
    }

    /* 7. Barra de Busca */
    #search-by-category {
        order: 4; /* Coloca a busca na linha de baixo */
        width: 100%;
        margin-top: 10px;
    }
}