/* BuHV-Branding über keycloak.v2 (PatternFly v5).
   Referenz: Login-Seite des Shops (buhv.de/account/login) — weißer, flacher
   Look, Labels über den Feldern, grüne Akzente (#00a994), „Anmelden" als
   weißer Button mit dunkler Kontur. */

:root {
  --pf-v5-global--primary-color--100: #00a994;
  --pf-v5-global--primary-color--200: #007a6c;
  --pf-v5-global--link--Color: #00a994;
  --pf-v5-global--link--Color--hover: #007a6c;
  --pf-v5-global--active-color--100: #00a994;
  /* Keine Webfont-Einbindung — "Inter" stand hier, wurde aber nie ausgeliefert
     und war damit wirkungslos. Gleiche Angabe wie im Account-Theme, damit Login
     und Kontoverwaltung dieselbe Schrift zeigen. */
  --pf-v5-global--FontFamily--text: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--text);
}

/* Weiße Seite — wie der Shop, kein Keycloak-Blau, keine Karte */
body.login-pf,
.pf-v5-c-login,
.pf-v5-c-background-image {
  background: #ffffff none !important;
}

.pf-v5-c-login__main {
  background: #ffffff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Logo statt Realm-Name im Header */
div#kc-header-wrapper {
  background: url(../img/buhv_logo.png) no-repeat center;
  background-size: contain;
  height: 56px;
  margin: 32px auto 12px;
  max-width: 213px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
}

/* Titel wie die Shop-Tabs: dunkel, kräftig */
#kc-page-title,
.pf-v5-c-login__main-header h1 {
  color: #1f2a30;
  font-weight: 700;
}

/* Labels über den Feldern: ruhiges Dunkelgrau, normalgewichtig */
.pf-v5-c-form__label,
.pf-v5-c-form__label-text {
  color: #37444c;
  font-weight: 400;
}

/* Inputs: flache, helle 1px-Kontur mit minimaler Rundung (Shop-Look) */
.pf-v5-c-form-control {
  /* Kein BorderRadius-Token in v5 — die Rundung muss direkt gesetzt werden.
     Die Nullbreite nimmt PatternFlys eigene Unterkante weg, damit nur unsere
     umlaufende Kontur bleibt. */
  --pf-v5-c-form-control--after--BorderBottomWidth: 0;
  border: 1px solid #c3cbd1;
  border-radius: 3px;
}
.pf-v5-c-form-control:focus-within,
.pf-v5-c-form-control:focus {
  border-color: #00a994;
  outline: none;
}

/* „Anmelden": weißer Button mit dunkler Kontur — exakt wie im Shop-Login */
.pf-v5-c-button.pf-m-primary {
  background: #ffffff;
  border: 1px solid #37444c;
  border-radius: 3px;
  color: #1f2a30;
  font-weight: 500;
  box-shadow: none;
}
.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
  background: #f2f5f6;
  border-color: #1f2a30;
  color: #1f2a30;
}

/* Links (Passwort vergessen, Registrieren) im Shop-Grün */
a,
.pf-v5-c-login__main-footer-band a,
#kc-registration a {
  color: #00a994;
}
a:hover {
  color: #007a6c;
}

/* Trennlinien/Sekundärtexte dezent */
.pf-v5-c-login__main-footer-band {
  color: #6b7680;
}