/*
 * IPA tenant CSS overrides
 * Loaded after base.njk's inline <style> block, so anything here takes precedence.
 *
 * Use this file for differences that go beyond the CSS custom properties
 * (--color-primary, --color-accent, --font-body) already set by the theme:
 *
 *   - Component-level layout differences (hero height, card styles, grid columns)
 *   - Typography scale / heading styles
 *   - Navigation appearance (pill nav, underline nav, mega-menu)
 *   - Custom section backgrounds or decorative elements
 *   - Anything tenant-specific that doesn't belong in the shared base
 */

h1 {
  
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
}

h1, h2, h3 {
  color: #00549e;
  font-weight: 500;
  margin-bottom: 1rem;
}

.bec-color a {
  color: #ff6600 !important;
}

.rich-text a {
  text-decoration: underline;
}

/* ── Header ── */
.site-header {
  /* Example: IPA uses a taller header with a gradient */
  padding: 0.5rem 2rem;
/*  background: linear-gradient(
    135deg,
    var(--color-primary) 0%,
    #0d2444 100%
  );*/
  background: transparent;
  color: #001ca8;
  border-bottom: 1rem solid #001ca8;
}

/* ── Navigation ── */
.site-nav a {
  /* Underline-style active indicator */
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.15s, color 0.15s;
}
.site-nav a:hover,
.site-nav a[aria-current="page"] {
  color: #fff;
  border-bottom-color: var(--color-accent);
}

/* ── Hero / call-to-action section ── */
/* .hero { ... } */

/* ── Cards ── */
/* .card { ... } */