/* =============================================================
   FOOTER — extrahiert aus style.css (Hochzeitswebsite)
   In Flask einbinden: <link rel="stylesheet" href="{{ url_for('static', filename='css/footer.css') }}">
   ============================================================= */

/* CSS Custom Properties — nur einfügen, falls noch nicht in :root vorhanden */
:root {
  --sand: #d6cdbb;
  --koralle: #e8a87c;
  --white: #ffffff;
  --font-script: 'Pacifico', cursive;
  --font-display: 'Raleway', system-ui, -apple-system, sans-serif;
}

.footer {
  background: var(--sand);
  color: var(--white);
  text-align: center;
  padding: 2rem 2rem 2rem;
  position: relative;
  margin-top: 1.8rem;
}

.footer .wave-divider--top {
  position: absolute;
  top: -79px;
  left: 0;
  width: 100%;
  height: 80px;
}

.footer__inner {
  position: relative;
  z-index: 2;
}

.footer__names {
  font-family: var(--font-script);
  font-size: 2.4rem;
  color: var(--koralle);
  margin-bottom: 0.2rem;
}

.footer__date {
  font-family: var(--font-display);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}

.footer__credit {
  font-size: 0.85rem;
  padding-top: 1rem;
  opacity: 0.7;
}

@media (max-width: 480px) {
  .footer__names { font-size: 2rem; }
}