/* ===== VertiTech Login Branding ===== */
:root{
  --vt-text: #0f172a;
  --vt-muted:#64748b;
  --vt-bg:   #ffffff;
  --vt-panel:#ffffff;
  --vt-border:#e5e7eb;
  --vt-brand:#14532d;
  --vt-brand-600:#166534;
  --vt-brand-700:#0b3d20;
  --vt-focus:#16a34a;
  --vt-radius:14px;
  --vt-font:'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

body.login { background: var(--vt-bg); font-family: var(--vt-font); }

/* Logo – Datei unter /wp-content/uploads/2025/10/GML_Verti_Header_Logo.png */
#login h1 a {
  background-image: url('/wp-content/uploads/2025/10/GML_Verti_Header_Logo.png');
  background-size: contain; background-position: center; background-repeat: no-repeat;
  width: 240px; height: 72px; margin-bottom: 16px;
}

/* Boxen */
#loginform, #registerform, #lostpasswordform {
  background: var(--vt-panel);
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius);
  box-shadow: 0 8px 30px rgba(2, 6, 23, 0.06);
  padding: 26px 24px 28px;
}

/* Inputs */
.login form .input, .login input[type=text], .login input[type=password], .login input[type=email]{
  border-radius: 10px; border: 1px solid var(--vt-border); box-shadow: none;
  padding: 10px 12px; font-size: 16px;
}
.login form .input:focus{
  outline: 2px solid var(--vt-focus); border-color: var(--vt-focus);
}

/* Labels/Links */
.login label { color: var(--vt-text); font-weight: 600; }
.login #nav a, .login #backtoblog a { color: var(--vt-muted); text-decoration:none; }
.login #nav a:hover, .login #backtoblog a:hover { color: var(--vt-brand-600); text-decoration: underline; }

/* Button */
.wp-core-ui .button-primary{
  background: var(--vt-brand); border-color: var(--vt-brand-700);
  box-shadow:none; text-shadow:none; border-radius:10px; height:42px; padding:0 16px;
}
.wp-core-ui .button-primary:hover{ background: var(--vt-brand-600); border-color: var(--vt-brand-700); }

/* Checkbox */
.login form .forgetmenot input[type=checkbox]{ accent-color: var(--vt-brand); }

/* Messages */
.login .message, .login #login_error, .login .success { border-left: 4px solid var(--vt-brand); border-radius: 10px; }

/* Mobile */
@media (max-width: 480px){
  #login { padding: 30px 12px; }
  #login h1 a { width: 200px; height: 60px; }
}