/* ════════════════════════════════════════════════════════════
   A.footer-diamond.css — Losange pulsant en bas de page
   Double battement de cœur sur le losange doré central
════════════════════════════════════════════════════════════ */

/* ── Conteneur battant ── */
#footer-beat {
  display: flex;
  align-items: center;
  gap: 0;
  animation: A-heartbeat 2.4s ease-in-out infinite;
  flex-shrink: 0;
}

/* ── Forme du losange ── */
#footer-diamond {
  width: 7px;
  height: 7px;
  background: var(--gold);
  transform: rotate(45deg);
  box-shadow:
    0 0 8px  rgba(201,168,76,0.7),
    0 0 20px rgba(201,168,76,0.3);
  transition: background 0.4s;
}

/* ── Keyframe : double pulsation (battement de cœur) ── */
@keyframes A-heartbeat {
  0%   { transform: scale(1);    opacity: 0.6; }
  8%   { transform: scale(1.35); opacity: 1;   }
  16%  { transform: scale(1);    opacity: 0.7; }
  24%  { transform: scale(1.2);  opacity: 1;   }
  32%  { transform: scale(1);    opacity: 0.6; }
  100% { transform: scale(1);    opacity: 0.6; }
}