/* gekonet - CI gemdatnoe: Dunkelblau #142f4e, Gelb #fbb900, Helvetica Neue */
:root {
  --gk-navy: #142f4e;
  --gk-navy-dark: #0e2138;
  --gk-navy-hover: #102640;
  --gk-yellow: #fbb900;
  --gk-yellow-hover: #e8ab00;
  --gk-font: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;

  --keycloak-card-top-color: var(--gk-yellow);
  --pf-v5-global--FontFamily--text: var(--gk-font);
  --pf-v5-global--FontFamily--heading: var(--gk-font);
  --pf-v5-global--primary-color--100: var(--gk-navy);
  --pf-v5-global--primary-color--200: var(--gk-navy-hover);
  --pf-v5-global--link--Color: var(--gk-navy);
  --pf-v5-global--link--Color--hover: var(--gk-navy-hover);
  --pf-v5-global--active-color--100: var(--gk-navy);
}

/* Hintergrund: Dunkelblau mit dezenten Funkwellen statt Keycloak-Polygonen */
.login-pf body {
  background: radial-gradient(circle at 85% 12%, rgba(251,185,0,.10) 0, rgba(251,185,0,0) 38%),
              radial-gradient(circle at 10% 95%, rgba(255,255,255,.05) 0, rgba(255,255,255,0) 40%),
              linear-gradient(160deg, var(--gk-navy) 0%, var(--gk-navy-dark) 100%) fixed;
  font-family: var(--gk-font);
}

/* Kopf: gekonet-Logo statt Realm-Name als Text */
#kc-header-wrapper {
  background: url("../img/gekonet-logo-negativ.svg") no-repeat center / contain;
  height: 64px;
  width: 240px;
  margin: 0 auto;
  font-size: 0 !important;
  color: transparent !important;
}
#kc-header-wrapper * { display: none; }

/* Karte */
.pf-v5-c-login__main {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0,0,0,.35);
}
.pf-v5-c-login__main-header { border-top-width: 5px; }
#kc-page-title { color: var(--gk-navy); font-weight: 500; letter-spacing: -.01em; }

/* Knoepfe in Pillenform wie auf gemdatnoe.at */
.pf-v5-c-button { border-radius: 1.4rem; font-weight: 500; }
.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--gk-navy);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--gk-navy-hover);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--gk-navy-hover);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--gk-navy-dark);
}
.pf-v5-c-button.pf-m-secondary {
  --pf-v5-c-button--m-secondary--Color: var(--gk-navy);
  --pf-v5-c-button--m-secondary--BorderColor: var(--gk-navy);
  --pf-v5-c-button--m-secondary--hover--Color: var(--gk-navy-hover);
  --pf-v5-c-button--m-secondary--hover--BorderColor: var(--gk-navy-hover);
}

/* Eingabefelder: Fokus in Gelb */
.pf-v5-c-form-control {
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--gk-yellow);
  --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--gk-navy);
}
.pf-v5-c-check__input { accent-color: var(--gk-navy); }

/* Fusszeile unter der Karte: Herkunft */
.pf-v5-c-login__container::after {
  content: "";
  display: block;
  height: 30px;
  margin: 28px auto 0;
  width: 190px;
  background: url("../img/gemdatnoe-logo.svg") no-repeat center / contain;
  filter: brightness(0) invert(1);
  opacity: .75;
}

@media (max-width: 575px) {
  .login-pf body { background: var(--gk-navy); }
  #kc-header-wrapper { height: 52px; width: 200px; }
}

/* Anmeldung ueber die Gemeinde (Identitaetsanbieter) */
#kc-social-providers .pf-v5-c-button,
.pf-v5-c-login__main-footer-links-item .pf-v5-c-button { border-color: var(--gk-navy); color: var(--gk-navy); }
#kc-social-providers svg, #kc-social-providers i { color: var(--gk-yellow) !important; fill: var(--gk-yellow) !important; }