/* =========================================================
   FOOTER HAMBURGER — QUIET GLYPH
   ========================================================= */

.hamburger {
  --w: 2rem;
  --h: 0.5rem;
  --gap: 0.25rem;
  align-items: center;
  background: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  justify-content: center;
  opacity: 0.8;
  padding: 0;
  transition: opacity 0.25s ease;
}

/* the bars */
.hamburger span {
  background: white;
  border-radius: 1em;
  height: var(--h);

  transform-origin: center;

  transition:
    transform 0.25s ease,
    opacity 0.25s ease;
  width: var(--w);
}

/* =========================================================
   OPEN STATE (DRAWER OPEN)
   ========================================================= */

/* tighten spacing */
body.drawer-open .hamburger {
  gap: 0;
  opacity: 0.85;
}

/* subtle pulse, not glow-box UI */
@keyframes hamburger-pulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}