/* Equity Works site styles — used with Bootstrap 5 */

:root {
  --ew-blue: #2f7fc1;      /* National Grid logo blue */
  --ew-dark-blue: #112269; /* headline blue from legacy site */
  --ew-green: #78b41e;     /* Equity Works logo green */
  --ew-maroon: #84414a;    /* legacy link color */
}

body {
  background-color: #f4f6f8;
}

/* Header banner */
.ew-banner {
  background-color: #fff;
  border-bottom: 4px solid var(--ew-green);
}

.ew-banner img {
  max-width: 100%;
  height: auto;
}

/* Main navigation */
.navbar.ew-navbar {
  background-color: var(--ew-blue);
}

.ew-navbar .nav-link {
  color: rgba(255, 255, 255, 0.9);
}

.ew-navbar .nav-link:hover,
.ew-navbar .nav-link:focus {
  color: #fff;
}

.ew-navbar .nav-link.active {
  color: #fff;
  font-weight: 600;
  border-bottom: 3px solid var(--ew-green);
}

@media (max-width: 767.98px) {
  .ew-navbar .nav-link.active {
    border-bottom: none;
    border-left: 3px solid var(--ew-green);
    padding-left: 0.75rem;
  }
}

/* Sub navigation (section tabs) */
.ew-subnav .nav-link {
  color: var(--ew-dark-blue);
}

.ew-subnav .nav-link.active {
  background-color: var(--ew-blue);
  color: #fff;
}

/* Content */
.ew-content {
  background-color: #fff;
}

.ew-content h1,
.ew-content h2 {
  color: var(--ew-dark-blue);
  font-size: 1.25rem;
  font-weight: 700;
}

.ew-content h2 {
  font-size: 1.1rem;
}

.ew-content a {
  color: var(--ew-maroon);
}

.ew-content a:hover {
  color: #666;
}

.ew-content img {
  max-width: 100%;
  height: auto;
}

/* Document folders (accordion on Major Reports) */
.ew-doc-folders .accordion-button {
  color: var(--ew-dark-blue);
  font-weight: 600;
}

.ew-doc-folders .accordion-button:not(.collapsed) {
  background-color: var(--ew-blue);
  color: #fff;
}

.ew-doc-folders .accordion-button .badge {
  background-color: var(--ew-green);
}

.ew-doc-folders .accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(47, 127, 193, 0.25);
}

/* closed-folder icon; swaps to open when the section is expanded */
.ew-folder-icon::before {
  content: "\1F4C1"; /* 📁 */
  margin-right: 0.5rem;
}

.accordion-button:not(.collapsed) .ew-folder-icon::before {
  content: "\1F4C2"; /* 📂 */
}

/* Footer */
.ew-footer {
  background-color: var(--ew-dark-blue);
  color: rgba(255, 255, 255, 0.85);
}

.ew-footer a {
  color: #fff;
}