/*
 * 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 { ... } */

.close-button {
  display: none;
}

.open-button {
  display: none;
}

@media (max-width: 720px) {
  .page-sidebar {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
/*    opacity: 0;
*/    position: fixed;
    z-index: 900;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: auto;
  }

  body.sidebar-open {
    overflow: hidden;
  }

  .sidebar-open .page-sidebar {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: transform 0.5s;
    
/*    display: block;
    opacity: 1.0;
*/  }

  .sidenav__item {
    width: calc(100vw - 50px);
  }

  .close-button {
    display: block;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    padding: 1rem;
    cursor: pointer;
    font-size: 3rem;
    line-height: 100%;
    opacity: 0.5;
    transition: opacity 1s;
  }
  
  .open-button {
    display: block;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    padding: 1rem;
    font-size: 3rem;
    color: #1a1a1a;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 1s;
  }

  .open-button:hover,
  .close-button:hover {
    opacity: 1.0;
  }

  
  .sidebar-open .open-button {
    display: none;
  }
}