/* New Footer — plain, hand-written CSS (not compiled from Sass).
   Ported from momentro-home.html's <footer> (that reference's own <nav>
   was never carried in — see the note in newhome-template.css — but this
   footer replaces the theme's previous ACF-driven footer wholesale).
   Loaded site-wide on every page — see base_theme_newfooter_style() in
   inc/enqueue.php. Scoped under .newfooter so it can't collide with the
   old .footer rules still defined in theme.css. */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');

.newfooter {
  background: #131416;
  color: #9aa0aa;
  padding: 70px 0 40px;
  font-size: 14px;
}

.newfooter .wrap {
  margin: 0 auto;
  padding-left: calc(30px + 70 * (100vw - 320px) / 1600);
  padding-right: calc(30px + 70 * (100vw - 320px) / 1600);
}

@media (max-width: 767.98px) {
  .newfooter .wrap {
    /* Match the header's .container-fluid gutter so the footer lines up with the header logo */
    padding-left: calc(var(--bs-gutter-x, 1.9rem) * .5);
    padding-right: calc(var(--bs-gutter-x, 1.5rem) * .5);
  }

  .newfooter .foot-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.newfooter .foot-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 50px;
}

.newfooter h5 {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 16px;
}

.newfooter a {
  display: block;
  color: #9aa0aa;
  margin-bottom: 8px;
  transition: .2s;
  text-decoration: none;
}

.newfooter a:hover {
  color: #00A59B;
}

.newfooter .foot-logo img {
  height: 34px;
  margin-bottom: 16px;
}

.newfooter .foot-brand {
  color: #e7e9ec;
  font-size: 14.5px;
  max-width: 34ch;
  line-height: 1.7;
  margin: 0 0 12px;
}

.newfooter .foot-enf {
  font-size: 13px;
  color: #6b7280;
  margin-top: 16px;
}

.newfooter .foot-bottom {
  border-top: 1px solid #23262b;
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12.5px;
  color: #6b7280;
}

@media (max-width: 900px) {
  .newfooter .foot-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}