/* Contact page: hide standard members page content
   (footer will act as the primary content) */
.members-page__content {
  display: none;
}

/* Contact page: remove unused bottom padding from main (since content is hidden) */
.members-page {
  padding-bottom: 0;
}

/* Contact page: style footer as main content card */
.footer-contact {
  margin-top: 0;
  padding-top: 0;
  border-top: none;

  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: 0.5rem;
  padding: 1.5rem 1rem;
}

.footer-contact {
  width: calc(100% - 2rem); /* keep a 1rem gutter on each side as the window shrinks */
  max-width: calc(960px - 2rem);
  margin: 0.75rem auto 0; /* reduce vertical gap to match members-page spacing */

  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: 0.5rem;

  padding: 1.5rem 1rem;
}

/* <720px: mirror members-page full-bleed behaviour (no card styling) */
@media (max-width: 720px) {
  .footer-contact {
    width: 100%;
    max-width: none;
    margin: 0;

    border: none;
    border-radius: 0;

    padding: 0;
    background: var(--bg-card);
  }
}

/* Contact page: ensure footer remains visible on mobile */
@media (max-width: 900px) {
  .footer-contact {
    display: block;
  }
}

/* Prevent contact pills overflowing on extremely narrow screens */
.footer-contact .contact-list li,
.footer-contact .contact-list a,
.footer-contact .social {
  min-width: 0; /* critical for flex items to shrink */
  overflow-wrap: anywhere; /* wrap long strings (emails/urls) */
  word-break: break-word;
  white-space: normal; /* allow wrapping */
}