/* ============================================================
   GLOBAL FOOTER — dark purple band, present on every page
   except loading. Orange poo icon overlaps the top edge of
   the purple band (half above on cream, half below on purple).
   Bold centered links, copyright in purple, Instagram icon
   bigger and centered below the copyright.
============================================================ */

.nbs-footer {
  background: var(--purple-dark);
  color: var(--cream);
  /* Top padding accounts for the absolute-positioned logo overlapping
     the seam — extra room so the disclaimer doesn't crash into it. */
  padding: 80px 24px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 22px;
  position: relative;
  z-index: 5;
}

/* Logo is taken OUT of the flex flow and absolute-positioned on the
   seam between cream page and purple band. Its vertical center sits
   exactly on the top edge of the footer (half above, half inside). */
.nbs-footer-logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  z-index: 6;
}
.nbs-footer-logo img {
  display: block;
  height: 64px;
  width: auto;
}

.nbs-footer-disclaimer {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  line-height: 1.55;
  color: var(--cream);
  opacity: 0.7;
  max-width: 620px;
  margin: 0;
}

/* Links row — flat list, centered, bold, full opacity. Hover flips
   to pink (#ff0066). Instagram is NOT in this row anymore. */
.nbs-footer-links {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 900px;
}

.nbs-footer-link {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--cream);
  text-decoration: none;
  transition: color 0.18s ease;
}
.nbs-footer-link:hover { color: #ff0066; }

.nbs-footer-copyright {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--purple);
  margin: 0;
  letter-spacing: 0.3px;
}

/* Instagram — bigger, centered below the copyright. */
.nbs-footer-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--cream);
  transition: color 0.18s ease, transform 0.18s ease;
  margin-top: 4px;
}
.nbs-footer-social:hover { color: #ff0066; transform: scale(1.1); }
.nbs-footer-social svg {
  display: block;
  width: 36px;
  height: 36px;
}

@media (max-width: 480px) {
  .nbs-footer { padding: 60px 18px 48px; gap: 18px; }
  .nbs-footer-logo img { height: 52px; }
}