/* =========================================================
   0711addicts — WordPress-Login im VfB-Design
   (passt zum Ticketing-/Shop-Frontend)
   ========================================================= */

body.login {
  background: #f6f6f7 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

#login {
  width: 340px !important;
  max-width: 92vw;
  padding: 6% 0 5% !important;
}

/* Kopf / Logo — konkrete Darstellung (Text oder Bild) wird dynamisch
   aus den Plugin-Einstellungen injiziert (siehe login_logo_css()). */
#login h1 { margin-bottom: 18px; }

/* Login-Karte */
.login form {
  background: #fff !important;
  border: 1px solid #e5e5e7 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.06) !important;
  padding: 26px 24px !important;
  margin-top: 0 !important;
}

.login form .forgetmenot { margin-bottom: 14px; }

.login label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
}

.login form .input,
.login input[type=text],
.login input[type=password] {
  background: #fff !important;
  color: #1a1a1a !important;
  border: 1.5px solid #e5e5e7 !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  box-shadow: none !important;
  transition: border-color .15s, box-shadow .15s;
}
.login form .input:focus,
.login input[type=text]:focus,
.login input[type=password]:focus {
  border-color: #E32219 !important;
  box-shadow: 0 0 0 3px rgba(227,34,25,.15) !important;
  outline: none !important;
}

/* "Angemeldet bleiben" */
.login .forgetmenot label { font-weight: 500 !important; color: #4b5563 !important; }
.login input[type=checkbox]:checked::before { color: #E32219 !important; }

/* Anmelde-Button */
.wp-core-ui .button-primary,
.login .button.button-primary,
#wp-submit {
  background: #E32219 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  width: 100%;
  height: auto !important;
  line-height: 1.3 !important;
  transition: background-color .15s;
}
.wp-core-ui .button-primary:hover,
#wp-submit:hover { background: #B81813 !important; }
.wp-core-ui .button-primary:focus,
#wp-submit:focus { box-shadow: 0 0 0 3px rgba(227,34,25,.35) !important; }

/* Links unter dem Formular */
.login #nav,
.login #backtoblog { text-align: center; padding: 0 24px; }
.login #nav a,
.login #backtoblog a {
  color: #6b7280 !important;
  transition: color .15s;
}
.login #nav a:hover,
.login #backtoblog a:hover { color: #E32219 !important; }

/* Sprachauswahl / Fehlermeldungen dezent an die Palette anpassen */
.login .message,
.login .notice { border-left-color: #E32219 !important; border-radius: 8px; }
#login_error { border-left-color: #E32219 !important; border-radius: 8px; }
