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

.page-content {
  margin: 1.5rem 0 !important;
}

#main-content .page-content {
  margin: 1.0rem 0 !important;
}

.page-content a {
  color: #4ba5dc;
  text-decoration: underline;
}

.page-content table {
  margin-bottom: 1.5rem;
}

.page-content table th,
.page-content table td {
  border-top: 1px solid #ddd;
}

#breadcrumbs-area {
  display: none;
}

h1 {
  color: #0854a0;
  font-weight: 600;
}

.page-content h3 {
  font-size: 1.5rem;
  font-weight: 500;
}

h4 {
  color: #0854a0;
  font-weight: 500;
  font-size: 1.5rem;
  padding: 0 0 1.5rem;
}

h4.faq-question {
  margin: 1.5rem 0 0;
  padding: 0 !important;
}

.page-sidebar,
.page-sidebar a,
.page-sidebar section li a,
.page-sidebar section a,
.page-sidebar h3 {
  color: #464646;
}

h3,
h5 {
  color: #807F80;
}

/*h4.ui.large.sub.header {
  color: #807F80;
  margin-top: -1.5rem;
  font-size: 1.25rem;
  font-size: 15px;

  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 1px;
}*/

h5 {
  font-weight: 400;
  font-size: inherit;
}

.page-content ul {
  margin-top: 0;
}

/* ── 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);*/
}


.site-header__name, .site-header__name a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: 400;
  color: #ffffff;
}

/* ── 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;
}

.page-sidebar section {
  padding: 0.5rem 1.25rem;
  border: 2px solid transparent;
  line-height: 133%;
  font-size: 0.9rem;
}


.sidenav {
  padding-bottom: 0;
}

.sidenav__link {
  border: 2px solid transparent;
  margin: 0 0.75rem;
  font-weight: 500;
  line-height: 133%;
  padding: 0.5rem;
}

.page-sidebar .sidenav__link.sidenav__link--current a,
.page-sidebar .is-active .sidenav__link.sidenav__link--parent a {
  color: #F06D20;
}

.is-active > .sidenav__link.sidenav__link--current,
.is-active > .sidenav__link.sidenav__link--parent {
  color: #F06D20;
  border-bottom: 2px solid #F06D20;
  border-left: 2px solid #F06D20;
  border-radius: 0;
  background: transparent;
}

.sidenav__sub-list .is-active > .sidenav__link.sidenav__link--current {
  border-bottom: 2px solid transparent !important;
  border-left: 2px solid transparent !important;  
}

.sidenav__link:hover {
  color: #F06D20;
  background: transparent;
}

.site-footer {
  border-top: 2px solid #F06D20;
}

.footer-link-ppl {
  display: block;
}

.footer-logos-ppl {
  display: block;
}