/* WP-login-AC - gate.css (v0.2.0) */

:root{
  --wplac-bg: #0b1220;
  --wplac-bg2: #111b30;
  --wplac-card: rgba(255,255,255,0.08);
  --wplac-border: rgba(255,255,255,0.14);
  --wplac-text: #eaf0ff;
  --wplac-muted: rgba(234,240,255,0.75);
  --wplac-input-bg: rgba(255,255,255,0.10);
  --wplac-input-border: rgba(255,255,255,0.20);
  --wplac-accent: #4f8cff;
  --wplac-accent2: #2dd4bf;
  --wplac-danger: #ff4d6d;
  --wplac-radius: 16px;
}

/* Zera margens/paddings do tema (pra evitar faixa branca) */
html, body{
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
}

/* Tenta esconder header/footer comuns do tema na tela de login */
header, footer, #masthead, #colophon, .site-header, .site-footer{
  display: none !important;
}

.site-gate-wrap{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: radial-gradient(1200px 700px at 15% 10%, rgba(79,140,255,0.35), transparent 60%),
              radial-gradient(900px 600px at 85% 80%, rgba(45,212,191,0.25), transparent 55%),
              linear-gradient(180deg, var(--wplac-bg), var(--wplac-bg2));
  color: var(--wplac-text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.site-gate-card{
  width: 100%;
  max-width: 420px;
  background: var(--wplac-card);
  border: 1px solid var(--wplac-border);
  border-radius: var(--wplac-radius);
  padding: 22px 18px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
}

.site-gate-alert{
  margin: 0 0 14px 0;
  padding: 12px 12px;
  border-radius: 12px;
  background: rgba(255,77,109,0.14);
  border: 1px solid rgba(255,77,109,0.28);
  color: var(--wplac-text);
  font-size: 14px;
  line-height: 1.3;
}

.site-gate-card form{ margin: 0; }

.site-gate-card label{
  display: block;
  margin: 0 0 6px 0;
  font-size: 13px;
  color: var(--wplac-muted);
}

.site-gate-card input[type="text"],
.site-gate-card input[type="password"]{
  width: 100%;
  box-sizing: border-box;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid var(--wplac-input-border);
  background: var(--wplac-input-bg);
  color: var(--wplac-text);
  outline: none;
}

.site-gate-card input[type="text"]:focus,
.site-gate-card input[type="password"]:focus{
  border-color: rgba(79,140,255,0.65);
  box-shadow: 0 0 0 3px rgba(79,140,255,0.18);
}

.site-gate-card p{ margin: 0 0 12px 0; }

.site-gate-card p.login-remember{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0 14px 0;
}

.site-gate-card p.login-remember label{
  margin: 0;
  color: var(--wplac-muted);
  font-size: 13px;
}

.site-gate-card input[type="checkbox"]{
  transform: scale(1.05);
}

.site-gate-card p.login-submit{
  margin-top: 10px;
}

.site-gate-card input[type="submit"]{
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 700;
  color: #07101f;
  background: linear-gradient(90deg, var(--wplac-accent), var(--wplac-accent2));
}

.site-gate-card input[type="submit"]:hover{
  filter: brightness(1.03);
}

.site-gate-card a{
  color: rgba(234,240,255,0.9);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-gate-card a:hover{
  color: #ffffff;
}

/* Mobile */
@media (max-width: 420px){
  .site-gate-wrap{ padding: 14px; }
  .site-gate-card{ padding: 18px 14px; border-radius: 14px; }
}