/* ── FILE: css/footer.css ─────────────────────────── */
#site-footer {
  background: var(--void);
  border-top: 1px solid var(--glass-border);
  padding: 4rem 0 2rem;
  position: relative;
  overflow: hidden;
}

.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-head);
  font-size: 1.25rem;
  font-weight: 700;
}
.footer-logo {
  width: 24px;
  height: 24px;
}
.footer-logo path {
  stroke: var(--text-muted);
}

.tagline {
  color: var(--text-muted);
  font-size: 0.875rem;
}

.drifting-leaf {
  position: absolute;
  bottom: 2rem;
  right: 10%;
  width: 40px;
  height: 40px;
  background-image: url('../assets/icons/healthy-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.1;
  animation: leaf-drift 3s ease-in-out infinite alternate;
  pointer-events: none;
}

.developer-credit {
  position: absolute;
  bottom: 1rem;
  right: 1.5rem;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
  letter-spacing: 0.5px;
  pointer-events: none;
}