/* ============================================================
   FOOTER COMPONENT (Sudegy signature bar)  ·  v4
   Same bezel logic as the header — persistent across the app.
   ============================================================ */
.sudegy-sig {
  position: fixed; left: 50%; bottom: 0; transform: translateX(-50%);
  width: 100%; max-width: 480px; height: var(--sig-h);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  display: flex; align-items: center; justify-content: center; gap: 6px;
  background: linear-gradient(0deg, rgba(24,21,16,.96), rgba(21,19,15,.86));
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-top: 1px solid var(--hairline);
  box-shadow: inset 0 1px 0 rgba(247,242,230,0.04);
  text-decoration: none; -webkit-tap-highlight-color: transparent;
  z-index: 80; transition: background .3s var(--ease-out);
}
.sudegy-sig:hover .sudegy-sig-brand, .sudegy-sig:focus-visible .sudegy-sig-brand { color: var(--gold-bright); }
.sudegy-sig:active { transform: translateX(-50%) scale(.99); }
.sudegy-sig-text {
  font-family: var(--ff-mono); font-size: 9px; font-weight: 500;
  letter-spacing: .08em; text-transform: uppercase; color: var(--mist-dim);
  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
}
.sudegy-sig-brand { color: var(--gold); font-weight: 700; transition: color .25s var(--ease-out); text-shadow: 0 0 12px rgba(196,154,74,.35); }