/* ═══ FOOTER — Wizkoo Marketing Site ═══
   Background: #0C1428 (Blueprint sidebar/overlay depth)
   All pages use components/footer.js which injects #wizkoo-footer.
   This file provides the nav-reset rule required by pages that load
   nav.css (games.html, games/atlas.html, games/elementum.html, etc.)
   and serves as a style reference. The authoritative footer styles
   live inline in components/footer.js as #wizkoo-footer { … } blocks.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Critical: reset nav.css position:fixed for <nav> inside footer ─── */
footer nav,
#wizkoo-footer .wf-nav {
  position: static !important;
  height: auto !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ─── Educator footer line (used by legacy .ft-educator class) ─── */
.ft-educator {
  font-family: 'Space Mono', monospace;
  font-size: 0.45rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #50556E;
  margin-top: 24px;
  padding: 0 var(--content-pad, 48px);
  text-align: right;
}
.ft-educator a {
  color: #8C91A5;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 200ms ease;
}
.ft-educator a:hover { color: #F0F2F8; }