/*
 * KRA Agent theme adjustments — hand written.
 *
 * Deliberately separate from kra-brand.css, which is generated from the theme's
 * stylesheets by a colour swap: regenerating that file must not discard these.
 * Loaded last, so it wins over both the theme and the generated overrides.
 */

/* ---------------------------------------------------------------- wordmark */

/* The theme's logo ink is #031a61; brand calls for black. The "Agent" half is
   the <span> and keeps the brand red from kra-brand.css. */
.df-logo,
.df-logo:hover,
.df-logo:focus {
  color: #000000;
}

/* ------------------------------------------------------------------ footer */

/*
 * Two separate problems the theme leaves in place:
 *
 * 1. `.footer` is `display: none` below 992px, so it never appears on mobile.
 * 2. It is a normal block in flow with no sticky-footer mechanism, so on a
 *    short page it sits directly under the content, mid-viewport, rather than
 *    at the bottom of the window.
 */

.footer {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* The theme uppercases this strip; the credit reads as authored instead. */
  text-transform: none;
  flex-shrink: 0;
}

/* Pin it to the bottom on short pages. Scoped to the application shells: the
   auth pages already lay themselves out with the theme's own utilities
   (mn-ht-100v d-flex flex-column justify-content-between). */
body[data-page]:not([data-public]) {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body[data-page]:not([data-public]) > .content {
  flex: 1 0 auto;
}

/* The fixed header sits outside the flow, and the modal mount is empty until a
   dialog opens — neither should be able to stretch the column. */
body[data-page]:not([data-public]) > .navbar-header,
body[data-page]:not([data-public]) > #kra-modal-root {
  flex: 0 0 auto;
}