/* Footer */

footer {
  text-align: center;
  padding: 32px 16px;
  background: var(--bg-alt);
  color: var(--text-muted);
  font-size: 0.85rem;
  border-top: 1px solid rgba(200, 169, 106, 0.15);
  
}

@media (min-width: 600px) {
  footer { padding: 40px 24px; }
}

footer a { color: var(--text-muted); }

footer a:hover {
  color: #2B2A28;
  background: rgba(233, 183, 179, 0.12);
  border-radius: 6px;
}


.footer-links {
  margin-bottom: 12px;
}

.footer-links a {
  margin: 0 12px;
  padding: 8px 4px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ====== THIN LOGO STRIP ABOVE FOOTER ====== */

/* ====== MATCHING LOGO STRIP ABOVE FOOTER ====== */

.footer-logo-strip{
  position: relative;
  width: 100%;
  height: 36px;

  /* Same champagne base as header */
  background-color: rgba(200, 169, 106, 0.2);

  /* Repeating wordmark + champagne wash (same as header) */
  background-image:
    url("../images/wordmark-strip.png"),
    linear-gradient(
      to right,
      rgba(200, 169, 106, 0.20),
      rgba(200, 169, 106, 0.20)
    );

  background-repeat: repeat-x, no-repeat;
  background-position: center, center;
  background-size: 120px auto, 100% 100%; /* keep identical to header */
  animation: stripDrift 34s linear infinite;
}

/* Soft fade on left & right edges — same as header */
.footer-logo-strip::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(
    to right,
    rgba(251, 247, 242, 1) 0%,
    rgba(251, 247, 242, 0) 14%,
    rgba(251, 247, 242, 0) 86%,
    rgba(251, 247, 242, 1) 100%
  );
}