html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* ---- Themeable colors (overridable from appsettings App:Colors) ----------
   Same variable names as the Ticket app so the look stays consistent across
   the estate. Status badges reuse Ticket's solved/open colours. */
:root {
  --app-primary: #0d6efd;
  --status-open:    #0d6efd;
  --status-solved:  #198754;
}

.badge.status-open   { background-color: var(--status-open);   color: #fff; }
.badge.status-solved { background-color: var(--status-solved); color: #fff; }

/* ---- Nav / footer: same shape as VikingWeb's gradient bar, recoloured.
   Change these three hues to rebrand the chrome. ---- */
.bc-navbar {
    background: linear-gradient(180deg, #1b6ec2 0%, #1861ac 55%, #12497f 100%);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.28);
    border-bottom: 3px solid #0e3a64;
}
.bc-navbar .navbar-brand img { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); }
.bc-navbar .nav-link,
.bc-navbar .navbar-brand { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
.bc-navbar .nav-link {
    border-radius: 6px;
    padding-left: 12px;
    padding-right: 12px;
    transition: background-color 0.15s ease;
}
.bc-navbar .nav-link:hover { background-color: rgba(255, 255, 255, 0.14); }
.navbar a:hover { color: lightskyblue !important; }

.bc-footer {
    background: linear-gradient(180deg, #12497f 0%, #1861ac 60%);
    box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.25);
    border-top: 3px solid #0e3a64;
    color: #fff;
    -webkit-text-fill-color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    width: 100%;
    box-sizing: border-box;
}
.footer { padding: 0 10px; }
a.footer:link { text-decoration: none; }
.underline-part:hover { text-decoration: underline !important; }

header { margin: 0; padding: 0; }
footer { margin: 0; padding: 0; }

/* No horizontal scrollbars anywhere: clip overflow instead of scrolling. */
html, body { overflow-x: hidden; }
main { overflow-x: hidden; }
.row { margin-left: 0; margin-right: 0; }
[class*="col-"] { min-width: 0; }

/* Home hero: subtle themed band, readable in light and dark. */
.bc-hero {
    background: var(--bs-primary-bg-subtle);
    border-radius: .5rem;
}