/* ============================================================
   PAGE BANNER (interior pages; hero replacement)
   ============================================================ */
.page-banner {
  padding-top: calc(var(--topbar-height) + var(--mainbar-height) + 3rem);
}
.page-banner .eyebrow { color: var(--uaa-gold); letter-spacing: .05em; }
.page-banner .breadcrumb { --bs-breadcrumb-divider-color: rgba(255, 255, 255, .6); }
.page-banner .breadcrumb-item.active { color: rgba(255, 255, 255, .85); }

/* ============================================================
   SECTION MENU (department identity bar under the banner)
   ============================================================ */
.section-menu .section-logo { height: 34px; width: auto; display: block; }
.section-menu .nav-link { white-space: nowrap; }
.section-menu .nav-link.active {
  box-shadow: inset 0 -3px 0 var(--uaa-gold);   /* underline indicator, matches the logo tabs */
}

/* ============================================================
   MAIN CONTENT
   ============================================================ */
.main-content {
  flex: 1 0 auto;
  padding: 0;
}
/* Only the two button variants hardcode hex in Bootstrap's compiled CSS,
   so they're the only ones needing explicit overrides. A real theme
   overrides these same variables. */
.btn-primary {
  --bs-btn-bg: var(--uaa-green);
  --bs-btn-border-color: var(--uaa-green);
  --bs-btn-hover-bg: var(--uaa-green-dark);
  --bs-btn-hover-border-color: var(--uaa-green-dark);
  --bs-btn-active-bg: var(--uaa-green-darker);
  --bs-btn-active-border-color: var(--uaa-green-darker);
  --bs-btn-focus-shadow-rgb: var(--uaa-green-rgb);
}
.btn-outline-primary {
  --bs-btn-color: var(--uaa-green);
  --bs-btn-border-color: var(--uaa-green);
  --bs-btn-hover-bg: var(--uaa-green);
  --bs-btn-hover-border-color: var(--uaa-green);
  --bs-btn-active-bg: var(--uaa-green-dark);
  --bs-btn-active-border-color: var(--uaa-green-dark);
  --bs-btn-focus-shadow-rgb: var(--uaa-green-rgb);
}
.nav-tabs .nav-link { color: var(--uaa-green); }
.nav-tabs .nav-link.active { color: #111; }

/* Search panel: wider than Bootstrap's 400px default so the filters breathe.
   Uses Bootstrap's own variable so a theme can override it. */
#searchPanel { --bs-offcanvas-width: min(480px, 100vw); }
.content-box {
  border: 2px dashed #cfd8d3;
  border-radius: 8px;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #90a29a;
  font-weight: 600;
}

/* Footer carries no custom CSS: it's built from Bootstrap utilities so it
   follows the theme. flex-shrink-0 is applied as a utility class in markup. */