/**
 * Digitalmart Hub — Admin UI: tela de login com a marca da loja.
 *
 * Restyle CSS-only do wp-login.php (padrão Brik Panel: card branco sobre
 * fundo neutro, logo/nome da loja no topo, inputs e botão no vocabulário
 * do Hub). O fluxo de autenticação é 100% o nativo do WordPress — nada de
 * AJAX no login: plugins de 2FA/SSO continuam funcionando como sempre.
 * O nome da loja vem do filter login_headertext (class-admin-ui.php).
 */
:root {
    --vau-primary:       #2563eb;
    --vau-primary-dark:  #1d4ed8;
    --vau-surface:       #ffffff;
    --vau-surface-2:     #fafafa;
    --vau-border:        #e4e4e7;
    --vau-text:          #1d2327;
    --vau-muted:         #52525b;
}

html, body.login {
    height: 100%;
    margin: 0;
    padding: 0;
}
body.login {
    background: #f4f4f5 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
}
/* margin:auto (não justify-content:center no body): quando o conteúdo é
   mais alto que a viewport — teclado aberto no celular, tela baixa — o
   center cortaria o topo do card sem como rolar até ele. */
#login {
    width: 100%;
    max-width: 400px;
    margin: auto;
    padding: 32px 20px;
    box-sizing: border-box;
}

/* Logo: ícone com gradiente do Hub + nome da loja como texto (o texto vem
   do login_headertext; escopo em #login h1 — um .login h1 genérico pegaria
   também o h1 screen-reader-text que o core imprime no body). */
#login h1 {
    text-align: center;
    margin-bottom: 22px;
}
#login h1 a {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    background-image: none;
    text-indent: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.3px;
    color: var(--vau-text);
    line-height: 1.4;
    outline: none;
}
#login h1 a:focus-visible {
    outline: 2px solid var(--vau-primary);
    outline-offset: 4px;
    border-radius: 6px;
}
/* Sem ícone genérico aqui: quando a loja tem logo configurado no tema
   (customizer) o login_enqueue injeta o logo inline por cima do h1 a;
   sem logo, fica só o nome da loja em texto (pedido do dono — o ícone
   de carrinho genérico saiu). */

/* Card do form */
#loginform,
#lostpasswordform,
#registerform {
    background: var(--vau-surface);
    border: 1px solid var(--vau-border);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(9,9,11,.05), 0 8px 32px rgba(9,9,11,.07);
    padding: 26px 26px 24px;
    margin: 0;
}
.login label {
    font-size: 13px;
    font-weight: 600;
    color: var(--vau-text);
}
.login form .input,
.login input[type="text"],
.login input[type="password"] {
    border: 1px solid var(--vau-border);
    border-radius: 8px;
    background: var(--vau-surface);
    font-size: 14px;
    padding: 8px 12px;
    box-shadow: none;
    margin-top: 4px;
}
.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
    border-color: var(--vau-primary);
    box-shadow: 0 0 0 2px rgba(37,99,235,.15);
    outline: none;
}
.login .button.wp-hide-pw {
    color: var(--vau-muted);
}
.login .button.wp-hide-pw:focus {
    border-color: var(--vau-primary);
    box-shadow: 0 0 0 2px rgba(37,99,235,.15);
}
.login .forgetmenot label {
    font-weight: 400;
    font-size: 13px;
    color: var(--vau-muted);
}
.wp-core-ui .button-primary,
.login .button-primary {
    background: var(--vau-primary);
    border-color: var(--vau-primary);
    border-radius: 8px;
    text-shadow: none;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(37,99,235,.35);
    transition: background .12s ease;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus,
.login .button-primary:hover {
    background: var(--vau-primary-dark);
    border-color: var(--vau-primary-dark);
}
.wp-core-ui .button-primary:focus {
    box-shadow: 0 0 0 2px rgba(37,99,235,.3);
}

/* Mensagens/erros como cards */
.login .message,
.login .notice,
.login #login_error {
    border-radius: 10px;
    border: 1px solid var(--vau-border);
    border-left-width: 4px;
    box-shadow: 0 1px 2px rgba(9,9,11,.05);
}

/* Links de rodapé (Perdeu a senha? / Voltar) discretos e centralizados */
.login #nav,
.login #backtoblog {
    text-align: center;
    font-size: 13px;
    padding: 0;
    margin: 16px 0 0;
}
.login #nav a,
.login #backtoblog a {
    color: var(--vau-muted);
    text-decoration: none;
}
.login #nav a:hover,
.login #backtoblog a:hover {
    color: var(--vau-primary);
    text-decoration: underline;
}
.login .privacy-policy-page-link { text-align: center; }

/* Seletor de idioma do core: ruído — some (o toggle do módulo desliga tudo) */
.login .language-switcher { display: none; }