/* Operák Plus – Login Branding (wp-login.php) */

:root{
  --op-dark:#0b0f14;
  --op-dark-2:#121824;
  --op-lime:#b3d03f;
  --op-lime-2:#cbe76b;
  --op-text:#0b0f14;
  --op-muted:#6b7280;
  --op-card:#ffffff;
  --op-border:rgba(11,15,20,.10);
  --op-shadow:0 18px 50px rgba(0,0,0,.18);
}

body.login{
  background:
    radial-gradient(1200px 600px at 15% 15%, rgba(179,208,63,.22), transparent 55%),
    radial-gradient(1200px 600px at 85% 30%, rgba(179,208,63,.12), transparent 60%),
    linear-gradient(180deg, var(--op-dark) 0%, var(--op-dark-2) 100%) !important;
  min-height: 100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}

#login{
  width: 360px;
  padding: 28px 28px 22px;
  background: var(--op-card);
  border: 1px solid var(--op-border);
  border-radius: 18px;
  box-shadow: var(--op-shadow);
}

#login h1{
  margin: 0 0 10px;
}

#login h1 a{
  background-image: none;
  width: 220px;
  height: 64px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* Inputs */
.login form{
  margin-top: 6px;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}

.login label{
  color: var(--op-text);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .25px;
}

.login form .input,
.login input[type="text"],
.login input[type="password"]{
  border: 1px solid rgba(11,15,20,.18);
  border-radius: 12px;
  padding: 12px 12px;
  font-size: 14px;
  line-height: 1.2;
  box-shadow: none !important;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus{
  border-color: rgba(179,208,63,.95);
  box-shadow: 0 0 0 4px rgba(179,208,63,.20) !important;
}

/* Primary button */
.wp-core-ui .button-primary{
  background: linear-gradient(180deg, var(--op-lime) 0%, #a3c63a 100%) !important;
  border: none !important;
  color: var(--op-dark) !important;
  text-shadow: none !important;
  box-shadow: 0 10px 22px rgba(179,208,63,.26) !important;
  border-radius: 12px !important;
  height: 44px;
  padding: 0 16px;
  font-weight: 800;
  letter-spacing: .2px;
}

.wp-core-ui .button-primary:hover{
  filter: brightness(1.03);
}

.wp-core-ui .button-primary:focus{
  box-shadow: 0 0 0 4px rgba(179,208,63,.22), 0 10px 22px rgba(179,208,63,.26) !important;
}

/* Links */
#nav, #backtoblog{
  text-align: center;
  margin: 14px 0 0;
}

#nav a, #backtoblog a{
  color: rgba(255,255,255,.80);
  text-decoration: none;
}

#nav a:hover, #backtoblog a:hover{
  color: rgba(255,255,255,.95);
}

/* Put links outside card on dark bg */
body.login #nav, body.login #backtoblog{
  width: 360px;
}

body.login #nav{
  margin-top: 10px;
}

body.login #backtoblog{
  margin-top: 6px;
}

/* Messages */
.login .message, .login .success, .login #login_error{
  border-left: 4px solid var(--op-lime);
  border-radius: 12px;
  box-shadow: none;
}

/* Remember me */
.login form .forgetmenot{
  margin-top: 8px;
}
.login form .forgetmenot label{
  font-weight: 500;
  color: var(--op-muted);
}

/* Password reset link */
.login #nav a{
  font-weight: 600;
}

/* Hide WordPress footer logo */
.login #footer-left, .login #footer-upgrade, .privacy-policy-page-link{
  display:none !important;
}

/* Responsive */
@media (max-width: 420px){
  #login, body.login #nav, body.login #backtoblog { width: 92vw; }
}


/* ---- Layout tweaks (Hotfix2) ---- */
body.login #loginform p.submit{
  display:block;
  margin-top:14px;
}
body.login #loginform p.submit input#wp-submit{
  float:none;
  width:100%;
  max-width:none;
}
body.login #nav{
  text-align:center;
  margin-top:10px;
}
body.login #backtoblog{
  display:none !important;
}


/* Lost password: two buttons side by side */
body.login-action-lostpassword #lostpasswordform p.submit{ margin-top:14px; }
body.login-action-lostpassword .oplb-lost-actions{ display:flex; gap:10px; margin-top:12px; }
body.login-action-lostpassword .oplb-lost-actions #wp-submit{ flex:1; width:auto; max-width:none; }
body.login-action-lostpassword .oplb-lost-actions .oplb-btn-login{ flex:1; display:flex; align-items:center; justify-content:center; height:38px; box-sizing:border-box; }
body.login-action-lostpassword #nav{ display:none !important; }


/* Forgot password link moved into form */
body.login .oplb-forgot{ text-align:center; margin:10px 0 0; }
body.login .oplb-forgot a{ color: var(--op-muted); text-decoration:none; font-weight:600; }
body.login .oplb-forgot a:hover{ color:#111; }