/* ============================================================
   FUNLINE AG — Login Page
   ============================================================ */

/* ── Hintergrund mit Muster ── */
body.login {
  font-family: 'Inter', system-ui, sans-serif;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  display: grid;
  place-items: center;

  /* Basis: sehr dunkles Schwarz */
  background-color: #0a0a0a;

  /* Feines Punkt-Gitter */
  background-image:
    radial-gradient(circle, rgba(192,57,43,.55) 1px, transparent 1px);
  background-size: 28px 28px;

  /* Vignette: Ränder abdunkeln */
  box-shadow: inset 0 0 120px rgba(0,0,0,.95);
}

/* Roter Glow in der Mitte */
body.login::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 50% 45%, rgba(192,57,43,.13) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Vignette via Pseudo-Element */
body.login::after {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 100% 100% at 50% 50%, transparent 40%, rgba(0,0,0,.85) 100%);
  pointer-events: none;
  z-index: 0;
}

/* ── Wrapper: WP rendert alles in #login ── */
#login {
  width: 360px !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  z-index: 1;
}

/* ── Logo ── */
#login h1 { margin: 0 0 1.5rem; padding: 0; text-align: left; }

#login h1 a {
  background-image: none !important;
  background: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  text-indent: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  text-decoration: none !important;
  outline: none;
}

#login h1 a::before {
  content: 'Funline AG';
  display: block;
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -.02em;
  line-height: 1.2;
}

#login h1 a::after {
  content: 'Admin-Bereich';
  display: block;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  color: #666;
  margin-top: .2rem;
}

/* ── Login-Box ── */
#loginform,
#lostpasswordform,
#registerform {
  background: #161616;
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  padding: 2rem !important;
  margin: 0 !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.6), 0 0 0 1px rgba(192,57,43,.08);
  box-sizing: border-box;
  width: 100% !important;
}

/* ── Labels ── */
.login label {
  color: #aaa;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  display: block;
  margin-bottom: .4rem;
}

/* ── Inputs ── */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
  background: #0d0d0d !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 6px !important;
  color: #f0f0f0 !important;
  font-size: .9375rem !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  padding: .75rem 1rem !important;
  width: 100% !important;
  box-shadow: none !important;
  height: auto !important;
  transition: border-color .2s, box-shadow .2s;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
  border-color: #c0392b !important;
  box-shadow: 0 0 0 3px rgba(192,57,43,.15) !important;
  outline: none;
}

/* ── Passwort-Auge Icon ── */
.login .wp-pwd button.button { color: #555 !important; }

/* ── Remember Me ── */
.login .forgetmenot {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.login .forgetmenot label {
  color: #888;
  font-size: .8125rem;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
}
.login input[type="checkbox"] {
  accent-color: #c0392b;
  width: 15px;
  height: 15px;
}

/* ── Submit ── */
.login .submit { margin: 1.25rem 0 0; padding: 0; }

.login .button-primary,
#wp-submit {
  background: #c0392b !important;
  border: none !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-size: .9375rem !important;
  font-weight: 600 !important;
  padding: .8rem 1.5rem !important;
  width: 100% !important;
  height: auto !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: pointer;
  transition: background .2s, transform .15s !important;
}
.login .button-primary:hover,
#wp-submit:hover { background: #e74c3c !important; transform: translateY(-1px); }
.login .button-primary:active,
#wp-submit:active { transform: translateY(0); }

/* ── Links ── */
#nav, #backtoblog { text-align: center; margin-top: .75rem; }
#nav a, #backtoblog a {
  color: #666 !important;
  font-size: .8125rem;
  text-decoration: none;
  transition: color .2s;
}
#nav a:hover, #backtoblog a:hover { color: #c0392b !important; }

/* ── Fehlermeldung / Erfolg ── */
#login_error,
.login .notice,
.login .message {
  background: rgba(192,57,43,.1) !important;
  border-left: 3px solid #c0392b !important;
  border-radius: 6px !important;
  color: #f0f0f0 !important;
  font-size: .875rem;
  padding: .75rem 1rem !important;
  margin: 0 0 1rem !important;
  box-shadow: none !important;
}

/* ── Sprach-Switcher ausblenden ── */
.login-language-switcher,
#language-switcher,
.language-switcher { display: none !important; }

/* ── Privacy Policy ── */
.login .privacy-policy-page-link { text-align: center; margin-top: .5rem; }
.login .privacy-policy-page-link a { color: #444 !important; font-size: .75rem; text-decoration: none; }