/* --- MOBILE FIRST (Padrão para telas pequenas) --- */

/* Esconde todo o bloco no mobile */
.user-menu {
    display: none; 
}

/* --- DESKTOP/TABLET (A partir de 768px) --- */
@media (min-width: 768px) {
    /* Exibe o bloco apenas em telas maiores */
    .user-menu {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    /* Estrutura do Item */
    .menu-item {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #1a2a47; /* Azul marinho */
        transition: opacity 0.3s ease; /* Transição suave */
    }

    /* Ícone */
    .menu-icon {
        color: #003399; /* Azul Royal */
        display: flex;
        align-items: center;
    }

    .menu-icon svg {
        width: 26px;
        height: 26px;
    }

    /* Textos do Menu */
    .menu-text {
        display: flex;
        flex-direction: column;
        margin-left: 10px;
    }

    .text-top {
        font-size: 13px;
        color: #666;
        line-height: 1.1;
    }

    .text-bottom {
        font-size: 15px;
        font-weight: bold;
        color: #1a2a47;
    }
}