/* ===========================================================================
   Ferradea -- Keycloak Login-Theme (Override ueber keycloak.v2)
   Muster: Lumen-Box lumenbox.css. Angelegt 2026-07-18.
   =========================================================================== */

/* ---- Hintergrund: Ferradea_bg.png + weisser Schleier ("ausgeweisst") ---- */
.login-pf body,
body.login-pf-page,
.pf-v5-c-login,
.pf-v5-c-login__container {
  background:
    linear-gradient(rgba(255,255,255,0.62), rgba(255,255,255,0.75)),
    url("../img/background.png") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-attachment: fixed, fixed !important;
  background-repeat: no-repeat, no-repeat !important;
}

/* ---- Header: Realm-Text "FERRADEA" weg, JS setzt das Icon ---- */
#kc-header-wrapper {
  font-size: 0 !important;
  line-height: 0 !important;
  text-align: center !important;
}
#ferradea-header-logo {
  height: 110px !important;
  width: auto !important;
  display: inline-block !important;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,0.35)) !important;
}

/* ---- "Sign in to your account" ausblenden (User-Vorgabe: nur Felder+Button) */
#kc-page-title { display: none !important; }

/* ---- Login-Card weicher/abgesetzt (wie Lumen-Box) ---- */
.pf-v5-c-login__main {
  border-radius: 10px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.45) !important;
}

/* ---- Tech-Symbol-Leiste (per JS eingefuegt) ---- */
#ferradea-techstrip {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 26px auto 0 auto !important;
  max-width: 620px !important;
}
#ferradea-techstrip .fd-tech {
  display: inline-flex !important;
  align-items: center !important;
}
/* Monochrome SVGs dunkel einfaerben -- sichtbar auf dem hellen Schleier,
   leichter heller Halo fuer Kontrast (Lumen-Box-Rezept). */
#ferradea-techstrip .fd-tech-logo {
  height: 26px !important;
  width: auto !important;
  opacity: .82 !important;
  transition: opacity .15s ease !important;
  filter: brightness(0) drop-shadow(0 0 2px rgba(255,255,255,0.7)) !important;
}
#ferradea-techstrip .fd-tech:hover .fd-tech-logo { opacity: 1 !important; }
/* Farbige PNGs (Open WebUI, SilverBullet) NICHT einfaerben. */
#ferradea-techstrip .fd-tech-logo.fd-tech-color {
  filter: none !important;
  opacity: .9 !important;
}