/*
 * The brand above the sign-in card.
 *
 * Keycloak 26's login theme renders it as TEXT, not an image:
 *
 *   <div id="kc-header-wrapper" class="pf-v5-c-brand">Angy Simulator</div>
 *
 * (The `div.kc-logo-text` rule that its stylesheet still carries belongs to
 * the older theme and matches nothing here — worth knowing, because every
 * guide written before that change tells you to override it.)
 *
 * So the text is shrunk away and the lockup drawn behind it. `font-size: 0`
 * rather than `display: none` or `visibility: hidden`: the words stay in the
 * accessibility tree, so a screen reader still announces the product while the
 * eye sees the mark. Hiding the element outright would replace a readable
 * heading with nothing.
 */
#kc-header-wrapper {
  font-size: 0;
  background-image: url(../img/angysim-lockup.svg);
  background-repeat: no-repeat;
  background-position: center;
  /* `contain` keeps the 172x64 lockup whole at any width instead of cropping
   * it to the header box. */
  background-size: contain;
  height: 64px;
}