.ea-footer-links nav ul.list-unstyled {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* two columns on phones */
  grid-column-gap: .75rem;
  grid-row-gap: .35rem;
  margin: 0;
  padding-left: 0;
}
.ea-footer-links .footer__title {
  margin-bottom: .5rem;
  text-align: left;
  letter-spacing: .02em;
}
.ea-footer-links nav ul.list-unstyled > li { list-style: none; }
.ea-footer-links nav ul.list-unstyled > li > a {
  display: block;
  white-space: normal;       /* override any nowrap */
  overflow-wrap: anywhere;
  line-height: 1.25;
  padding: .125rem 0;
}

/* Neutralize ea-nav row behavior in column 1 on phones */
@media (max-width: 767.98px) {
  .ea-footer-links .ea-nav.ea-nav-row-center ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-column-gap: .75rem;
    grid-row-gap: .35rem;
  }
  .ea-footer-links .ea-nav.ea-nav-row-center li { display: block !important; }
  .ea-footer-links .ea-nav.ea-nav-row-center a { display: block !important; white-space: normal !important; }
}

/* Ultra-narrow phones: stack to 1 column */
@media (max-width: 360px) {
  .ea-footer-links nav ul.list-unstyled { grid-template-columns: 1fr; }
}

/* Tablet and up: revert to simple vertical lists (desktop unchanged) */
@media (min-width: 768px) {
  .ea-footer-links nav ul.list-unstyled { display: block; }
}

/* Add space before each footer section header on phones */
@media (max-width: 767.98px) {
  .ea-footer-links .row .col-md-3:not(:first-child) .footer__title {
    margin-top: .85rem;     /* visual break above the header */
    padding-top: .25rem;    /* a touch of breathing room */
  }
}

/* ===== Footer section header color (scoped) ===== */
.ea-footer-links .footer__title a {
  color: #e54242;              /* Brand accent (matches your site) */
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .02em;       /* subtle readability bump */
}

.ea-footer-links .footer__title a:hover,
.ea-footer-links .footer__title a:focus {
  color: #c03636;              /* accessible hover/focus shade */
  text-decoration: underline;
}

/* Keep regular footer links as-is */
.ea-footer-links nav ul.list-unstyled > li > a {
  color: inherit;              /* do not inherit the header color */
}


	