/* GeoLage-Login — rebrandet das klassische Keycloak-Login (nur CSS, keine .ftl-Aenderung).
   Fonts self-hosted ueber /vendor/ (same-origin demo.geolage.de) -> DSGVO-konform, kein Google. */
@import url('/vendor/fonts.css');

:root { --gl-navy:#1B3A5B; --gl-navy-dark:#16314d; --gl-petrol:#2E7D8A; }

/* Seiten-Hintergrund: GeoLage-Navy mit dezentem Verlauf */
html, body.login-pf, .login-pf body { background: #0e2236 !important; }
.login-pf-page {
  background: radial-gradient(1100px 600px at 50% -12%, var(--gl-navy) 0%, #0e2236 62%) !important;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* Header: Realm-Text ausblenden, GeoLage-Logo zeigen (so ist nicht sofort Keycloak erkennbar) */
#kc-header-wrapper { font-size: 0; color: transparent; padding: 0; }
#kc-header-wrapper::before {
  content: ""; display: block; height: 56px; margin: 6px auto 2px;
  background: url("../img/logo.svg") center / contain no-repeat;
}

/* Login-Karte */
.card-pf {
  border: none; border-radius: 14px; padding: 28px 30px;
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
}
.login-pf-page .login-pf-header h1 { color: var(--gl-navy); font-weight: 600; }

/* Eingabefelder */
.form-control { border-radius: 8px; border: 1px solid #cfd8e3; }
.form-control:focus { border-color: var(--gl-petrol); box-shadow: 0 0 0 3px rgba(46,125,138,.18); }

/* Primaer-Button -> GeoLage-Navy */
.btn-primary, input[type="submit"].btn-primary {
  background: var(--gl-navy); border-color: var(--gl-navy); border-radius: 8px; font-weight: 600;
}
.btn-primary:hover, .btn-primary:focus { background: var(--gl-navy-dark); border-color: var(--gl-navy-dark); }

/* Links + Hinweise im GeoLage-Ton */
a, a:visited { color: var(--gl-petrol); }
#kc-registration a, #kc-info a { color: var(--gl-petrol); }

/* "Angemeldet bleiben"-Checkbox-Akzent */
#kc-form-login input[type="checkbox"] { accent-color: var(--gl-petrol); }