/* =========================================
   LOGIN 50/50 – layout, tipografia e estilos
   ========================================= */
:root{
  --stack-w:420px;   /* miolo (380–420) */
  --col-pad:48px;    /* padding lateral da coluna esquerda */
}

/* Split 50/50 */
body.login{
  margin:0; padding:0; min-height:100vh; display:flex;
  background:#000;
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Direita: imagem */
body.login::after{
  content:""; flex:0 0 50%;
  background-position:center; background-repeat:no-repeat; background-size:cover;
}

/* Esquerda: coluna do form */
#login{
  flex:0 0 50%;
  display:flex; flex-direction:column; justify-content:center;
  padding:48px var(--col-pad); box-sizing:border-box;
  background:transparent!important; border:none!important; box-shadow:none!important;
}

/* Miolo centralizado e com mesma largura */
#login > *,
#login form,
.login .message,
.login .notice,
.login .error,
#login_error,
.social-login,
.nsl-separator,
#nav{
  max-width:var(--stack-w);
  width:100%;
  margin-left:auto; margin-right:auto;
}

/* Responsivo: some a imagem em telas menores */
@media (max-width:1200px){
  body.login{ flex-direction:column; }
  body.login::after{ display:none; }
  #login{ flex:1; padding:32px 20px; }
  :root{ --stack-w:560px; }
}
@media (max-width:680px){
  :root{ --stack-w:92vw; }
}

/* Forms WP sem caixa branca e sem cortar foco */
#loginform, #registerform, #lostpasswordform, #resetpassform{
  background:transparent!important; border:none!important; box-shadow:none!important;
  padding:0!important; overflow:visible!important;
}

/* ===== Cabeçalho (logo em texto) ===== */
#login h1{ display:none; }
.brand-header{ display:flex; align-items:center; justify-content:center; gap:10px; margin:0 auto 20px; }
.brand-title{
  font-size:28px; line-height:1.1; margin:0; font-weight:800; letter-spacing:.2px;
  background: linear-gradient(135deg, #6366f1, #00D4FF);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text; color:transparent;
}
.brand-title a{ text-decoration:none; background:inherit; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; }
.brand-icon{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#0b1b30; box-shadow:0 0 0 1px rgba(255,255,255,.08) inset; }

/* Labels */
.login form label{ color:#fff; font-size:14px; margin-bottom:6px; display:inline-block; }

/* Inputs */
.login form .input,
.login form input[type="text"],
.login form input[type="email"],
.login form input[type="password"]{
  width:100%; padding:12px 16px;
  background:#262626; border:1px solid #262626; border-radius:15px;
  color:#fff; font-size:16px; margin-top:6px; margin-bottom:14px;
  outline:none; box-shadow:none; transition:box-shadow .12s ease;
}
.login form .input:focus,
.login form input[type="text"]:focus,
.login form input[type="email"]:focus,
.login form input[type="password"]:focus{
  box-shadow:0 0 0 1px #fff;
}

/* Olho WP */
.wp-hide-pw .dashicons{ color:#9aa0a6; }

/* Lembrar-me */
.login form .forgetmenot{ display:flex; align-items:center; gap:8px; color:#c9c9c9; margin:10px 0 14px; }
.login form .forgetmenot label{ color:#c9c9c9; }

/* Botão principal */
.wp-core-ui .button-primary{
  width:100%; background:#fff!important; color:#000!important; font-weight:600!important;
  border:none!important; border-radius:100px!important; padding:15px!important;
  cursor:pointer; margin-top:10px; transition:background .12s linear;
}
.wp-core-ui .button-primary:hover{ background:#c2c2c2!important; }

/* ===========================
   Botão Google (nosso)
   =========================== */
.nsl-container.nsl-container-block-fullwidth .nsl-container-buttons{
  display:block!important; width:100%!important;
}
.nsl-container.nsl-container-block-fullwidth .nsl-container-buttons a{
  display:block!important; width:100%!important; margin:6px 0!important;
}
.nsl-container .nsl-button-google{
  background:transparent!important; border-radius:100px!important; border:1px solid #3B3B3B!important;
  color:#fff!important; box-shadow:none!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:100%!important; height:46px!important; padding:0!important;
}
.nsl-container .nsl-button-svg-container{ margin-left:10px; margin-right:8px; }
.nsl-container .nsl-button-label-container{ font-size:0!important; flex:1; text-align:center; }
/* Texto do botão social por página */
body.login-action-login    .social-login .nsl-button-label-container::after{ content:"Continue com Google";   font-size:15px; font-weight:500; color:#fff; }
body.login-action-register .social-login .nsl-button-label-container::after{ content:"Registre-se com Google"; font-size:15px; font-weight:500; color:#fff; }

/* Separador “OU” */
.nsl-separator{
  display:flex; align-items:center; margin:20px auto; color:#777; font-size:13px; font-weight:600;
  text-transform:uppercase; letter-spacing:.06em;
}
.nsl-separator::before, .nsl-separator::after{ content:""; flex-grow:1; height:1px; background:#272727; margin:0 8px; }

/* Mensagens padrão (inclui “Cadastre-se nesse site”) */
.login .message, .login .notice, .login .error{
  border-radius:6px!important; padding:10px 14px!important; font-size:14px!important; margin:12px auto 16px!important; line-height:1.4!important;
  background:#212121!important; border-left:1px solid #5571fc!important; color:#afafb0!important;
}

/* Mensagem de erro do WP (vermelho) */
#login_error{
  background:#212121!important; color:#ff6b6b!important; border-left:1px solid #ff4d4f!important;
  border-radius:6px!important; padding:10px 14px!important; margin:12px auto 16px!important; line-height:1.4!important;
  max-width:var(--stack-w); width:100%;
}

/* Força da senha */
#pass-strength-result{
  border-radius:10px; margin-top:6px; font-size:13px; font-weight:600; text-align:center;
  background:#1f1f1f; color:#ccc;
}
#pass-strength-result.short{  background:#7f1d1d; color:#fff; }
#pass-strength-result.bad{    background:#ef4444; color:#fff; }
#pass-strength-result.good{   background:#f59e0b; color:#111; }
#pass-strength-result.strong{ background:#22c55e; color:#fff; }

/* Rodapé (Acessar | Perdeu a senha?) alinhado ao miolo */
.login #nav{ margin:18px auto 0!important; padding:0!important; text-align:center; }
#nav a{ color:#aaa; text-decoration:none; margin:0 6px; }
#nav a:hover{ color:#fff; }

/* Em telas menores, segue centralizado naturalmente */
@media (max-width:1200px){
  #nav{ margin-left:auto; margin-right:auto; }
}

/* Esconder seletor de idioma e “voltar ao site” (reforço) */
.language-switcher{display:none!important}
#backtoblog{display:none!important}