/*
 * PPL 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
 */

/* ── Header ── */
.site-header {
  /* Example: PPL uses a flat header with a bottom accent border */
  padding: 0.75rem 2rem;
  border-bottom: 3px solid var(--color-accent);
}

/* ── Navigation ── */
.site-nav a {
  /* Pill-style nav links */
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  transition: background 0.15s, color 0.15s;
}
.site-nav a:hover,
.site-nav a[aria-current="page"] {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

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

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