/* =========================================================
   AUTENTICAÇÃO — botões Entrar / Cadastrar
   Links diretos para a conta hospedada pela Shopify (sem modal
   próprio: login/cadastro não passam pelo nosso servidor). Layout
   do canto (.auth-corner) mora em header.css, junto do resto do que
   divide essa barra (logo, hambúrguer, busca, idioma, carrinho).
========================================================= */

/* Wrapper único movido inteiro pra gaveta no mobile (ver
   initAuthLinksPosition em header.js) — cobre tanto Entrar/Cadastrar
   quanto a saudação+Sair de quem já está logado. */
.auth-actions{

    display:flex;

    align-items:center;

    gap:12px;

}

.auth-greeting{

    color:var(--muted);

    font-size:.88rem;

    white-space:nowrap;

}

.auth-actions svg{

    color:var(--cyan);

    flex-shrink:0;

}

.signup-btn{

    display:flex;

}

/* Mesma cor do "Cadastrar" (gradiente ciano), a pedido do dono da loja */
.login-btn{

    color:var(--text);

    background:linear-gradient(135deg,var(--cyan),var(--cyan-2));

    border-color:transparent;

    box-shadow:0 10px 25px rgba(69,172,171,.30);

}

/* A barra fica cheia nesse breakpoint (logo, hambúrguer, busca,
   idioma, Entrar, Cadastrar, carrinho) — encolhe Entrar/Cadastrar
   pra sobrar espaço. */
@media(max-width:960px){

    .login-btn,
    .signup-btn{

        padding:7px 12px;

        font-size:.78rem;

    }

}

@media(max-width:900px){

    .login-btn,
    .signup-btn{

        padding:6px 11px;

        font-size:.74rem;

    }

}