/* =========================================================
   SOLUÇÃO DEFINITIVA: ÍCONE DE LOGIN + TEXTO
   ========================================================= */

/* 1. Organiza a caixa que segura TUDO (ícone + texto) lado a lado */
ul.content-actions-header li.actions-header-login .actions-header_icon {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    width: auto !important;
    max-width: none !important; /* Desfaz a trava de largura do código antigo */
}

/* 2. Trava estritamente o tamanho do desenho (SVG ou IMG) e dá uma margem */
ul.content-actions-header li.actions-header-login .actions-header_icon > svg,
ul.content-actions-header li.actions-header-login .actions-header_icon > img {
    width: 28px !important;
    height: 26px !important;
    min-width: 28px !important; /* Garante que o ícone não seja espremido */
    margin-right: 12px !important; /* Dá um respiro entre o ícone e o texto */
    flex-shrink: 0 !important; /* Impede que o ícone encolha */
}

/* 3. Organiza os textos (Olá, Bem-vindo / Entre ou Cadastre-se) */
ul.content-actions-header li.actions-header-login .actions-header_text {
    display: flex !important;
    flex-direction: column !important; /* Coloca uma frase em cima da outra */
    align-items: flex-start !important; /* Alinha o texto à esquerda */
    white-space: nowrap !important; /* Impede que o texto quebre a linha no meio da palavra */
}