/* ═══════════════════════════════════════════
   footer.css — Chân trang
   ═══════════════════════════════════════════ */

footer {
  text-align: center;
  padding: 2.5rem 1rem 3rem;
  font-family: 'Caveat', cursive;
  font-size: 1.15rem;
  color: var(--rose-gold);
  background: var(--bg-page);
  z-index: 1;
  position: relative;
}
footer .heart-footer { animation: heartbeat 1.4s ease-in-out infinite; display: inline-block; }

html.dark footer {
  background: var(--bg-page);
}

/* Backdrop mờ để chữ dễ đọc, luôn nổi trên nền động */
footer {
  position: relative;
  z-index: 4;
  background: rgba(255,250,247,0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background 0.4s ease;
}
html.dark footer {
  background: rgba(10,6,8,0.7);
}