/* Bioconductor branding layered over the stock keycloak.v2 login theme. */

:root {
  --bioc-green: #87b13f;
  --bioc-blue: #1a81c2;
  --bioc-blue-bright: #0099d3;
}

/* Green-to-blue page backdrop, carried over from the Keycloak 15 theme. */
body#keycloak-bg {
  background-image: linear-gradient(
    0deg,
    var(--bioc-green) 0%,
    #ffffff 50%,
    var(--bioc-blue) 100%
  );
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

@media (prefers-color-scheme: dark) {
  body#keycloak-bg {
    background-image: linear-gradient(
      0deg,
      #3f5320 0%,
      #151515 50%,
      #0d4062 100%
    );
  }
}

/* The realm's displayNameHtml renders as <div class="kc-logo-text"><span>…</span></div>.
   Swap the text for the Bioconductor mark. */
div.kc-logo-text {
  background-image: url(../img/bioconductor_logo_rgb.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  max-width: 340px;
  height: 110px;
  margin: 0 auto;
}

div.kc-logo-text span {
  display: none;
}

#kc-header-wrapper {
  padding: 1.5rem 0 0.5rem;
}

/* Brand accents on links and the primary action. */
.pf-v5-c-login a:hover,
.pf-v5-c-button.pf-m-link:hover {
  color: var(--bioc-blue-bright);
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--bioc-blue);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #14618f;
  --pf-v5-c-button--m-primary--focus--BackgroundColor: #14618f;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #14618f;
}