/* ==========================================================
   FordCanTool - WordPress Login Skin
   ========================================================== */

body.login{
  background: #0b1220;
  min-height: 100vh;
}

/* Fondo imagen + overlay (opcional) */
body.login{
  background-image: url("https://www.fordcantool.com/wp-content/uploads/2026/02/9A31C2A6-C5A2-47F6-A2DD-8287A5E71E27.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body.login:before{
  content:"";
  position: fixed;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(5,10,18,0.88),
    rgba(5,10,18,0.65) 40%,
    rgba(5,10,18,0.88)
  );
  z-index: 0;
}
body.login:after{
  content:"";
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0,120,255,0.20), transparent 60%);
  z-index: 0;
  pointer-events:none;
}

/* Contenedor */
#login{
  position: relative;
  z-index: 1;
  width: 360px;
  padding: 24px 0 0;
}

/* Caja "glass" */
.login form{
  background: rgba(10,16,28,0.80);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  box-shadow: 0 18px 55px rgba(0,0,0,0.45);
  padding: 22px 22px 18px;
  backdrop-filter: blur(10px);
}

/* Logo */
.login h1 a{
  background-image: url("https://www.fordcantool.com/wp-content/uploads/2026/02/Logo2.png");
  background-size: contain;
  width: 320px;
  height: 90px;
  margin: 0 auto 18px;
}

/* Labels / textos */
.login label,
.login #nav a,
.login #backtoblog a{
  color: rgba(255,255,255,0.82) !important;
}

/* Inputs */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"]{
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.92);
  border-radius: 12px;
  padding: 10px 12px;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus{
  border-color: rgba(0,120,255,0.55);
  box-shadow: 0 0 0 3px rgba(0,120,255,0.18);
}

/* Botón principal */
.wp-core-ui .button-primary{
  background: linear-gradient(180deg, #1e88ff, #005edc);
  border: none;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0,125,255,0.35);
  font-weight: 800;
  padding: 6px 14px;
  height: 44px;
  line-height: 32px;
}
.wp-core-ui .button-primary:hover{
  filter: brightness(1.06);
}

/* Mensajes */
.login .message, .login .success, .login #login_error{
  border-left: 4px solid rgba(0,120,255,0.9);
  background: rgba(10,16,28,0.85);
  color: rgba(255,255,255,0.90);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}

/* Links */
#nav, #backtoblog{
  text-align: center;
}
#nav a:hover, #backtoblog a:hover{
  color: #ffffff !important;
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 420px){
  #login{ width: min(92vw, 360px); }
  .login h1 a{ width: min(92vw, 320px); }
}