/* Shared site footer — used by the referral landing page and the rates
 * marketing pages via templates/shared/footer.html.
 *
 * Self-contained: the --invite-* vars it needs carry fallbacks matching the
 * referral landing palette, so pages that don't define them render the same.
 *
 * Padding lives on the inner wrapper (not the outer footer) so the wordmark
 * can be a direct child of the footer and span its full width without
 * negative-margin tricks. */

.invite-footer {
  /* White on purpose: an F8F8F8 block above gives a subtle tonal break
   * signalling "content ends, footer starts". */
  background: var(--invite-white, #FFFFFF);
  display: flex;
  flex-direction: column;
  margin-top: auto;
}

.invite-footer-inner {
  padding: 48px 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.invite-footer-info {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.invite-footer-col { min-width: 0; }

.invite-footer-heading {
  font-family: 'Merriweather', 'Georgia', serif;
  font-weight: 700;
  font-size: 22px;
  color: var(--invite-purple, #502251);
  margin: 0 0 16px;
  line-height: 1.2;
}

.invite-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.invite-footer-link {
  display: inline-block;
  color: var(--invite-ink, #1D1B1E);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.15s ease;
}

.invite-footer-link:hover,
.invite-footer-link:focus-visible {
  color: var(--invite-purple, #502251);
  text-decoration: underline;
  outline: none;
}

.invite-footer-address {
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--invite-ink, #1D1B1E);
  margin: 0 0 12px;
}

/* Regulatory disclosure — small type, left-aligned, generous line-height for
 * legibility of dense compliance text. */
.invite-footer-disclosure {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.invite-footer-copyright {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--invite-ink, #1D1B1E);
}

.invite-footer-legal {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--invite-ink-muted, #6B6870);
}

.invite-wordmark {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  /* Same side padding as the footer content above, so the wordmark aligns
   * with the Legal/Contact column edges. No bottom padding — the type sits
   * flush with the page bottom. */
  padding: 0 24px;
}