/* Presentation-only descendant: keep the inherited Keycloak authentication
   template, fields, errors, password toggle and authenticators unchanged.
   Header artwork comes from the supplied immutable iBeat brand files. */
.login-pf body.ibeat-brand-login {
  --ibeat-ink: #08203c;
  --ibeat-muted: #536173;
  --ibeat-blue: #08203c;
  --ibeat-teal: #e8122d;
  --pf-global--primary-color--100: #08203c;
  --pf-global--primary-color--200: #132e4a;
  --pf-global--Color--100: #08203c;
  --pf-global--Color--200: #536173;
  background: radial-gradient(ellipse at 12% 4%, #e3eaf2 0, transparent 43%),
    radial-gradient(ellipse at 94% 95%, #f9e8eb 0, transparent 42%), #f5f7fa;
}

.ibeat-brand-login #kc-header-wrapper::before {
  content: none;
  display: none;
}

.ibeat-brand-login #kc-header-wrapper {
  gap: 0;
  padding-bottom: 24px;
}

.ibeat-brand-login #kc-header-wrapper img {
  display: block;
  width: min(320px, 100%);
  max-width: 100%;
  height: auto;
  margin: 0;
  object-fit: contain;
  filter: none;
  transform: none;
  opacity: 1;
  mix-blend-mode: normal;
  animation: none;
}

.ibeat-brand-login:lang(ar) #kc-header-wrapper img {
  width: min(280px, 100%);
}

.ibeat-brand-login .pf-c-button.pf-m-primary:hover {
  border-color: #132e4a;
  background: #132e4a;
}

.ibeat-brand-login a {
  color: #173b61;
}

@media (max-width: 480px) {
  .ibeat-brand-login #kc-header-wrapper {
    padding-bottom: 20px;
  }
  .ibeat-brand-login #kc-header-wrapper img {
    width: min(280px, 100%);
  }
}

@media (max-height: 700px) {
  .ibeat-brand-login #kc-header-wrapper {
    padding-bottom: 16px;
  }
}