/* ═══════════════════════════════════════
   VLADFX FOOTER — Sleek modern, centered
   SVG glyph icons for each link.
   Shared across all pages.
   ═══════════════════════════════════════ */

footer{
  margin-top:80px;
  padding:40px 24px 32px;
  text-align:center;
  border-top:1px solid var(--border);
  background:var(--bg);
}

.footer-inner{
  max-width:600px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
}

/* ── Brand mark ── */
.footer-brand{
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.footer-brand img{
  height:24px;width:24px;object-fit:contain;border-radius:4px;
  opacity:.7;transition:opacity .3s;
}
footer:hover .footer-brand img{opacity:1}
.footer-brand span{
  font-family:'JetBrains Mono',monospace;font-weight:700;
  font-size:.85rem;color:var(--dim);letter-spacing:3px;
  text-transform:uppercase;
}

/* ── Social icons row ── */
.footer-socials{
  display:flex;justify-content:center;gap:16px;
}
.footer-socials a{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:10px;
  background:var(--bg2);border:1px solid var(--border);
  transition:all .25s var(--ease-spring);
  text-decoration:none;
}
.footer-socials a svg{
  width:18px;height:18px;fill:var(--dim);
  transition:fill .25s;
}
.footer-socials a:hover{
  border-color:var(--brand);background:var(--brand-soft);
  transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(244,64,65,.15);
}
.footer-socials a:hover svg{fill:var(--brand)}

/* ── Internal links row ── */
.footer-nav{
  display:flex;justify-content:center;gap:20px;flex-wrap:wrap;
}
.footer-nav a{
  font-size:.78rem;color:var(--dimmer);text-decoration:none;
  font-weight:500;letter-spacing:.5px;text-transform:uppercase;
  transition:color .2s;
}
.footer-nav a:hover{color:var(--brand)}

/* ── Divider ── */
.footer-divider{
  width:40px;height:1px;
  background:linear-gradient(90deg,transparent,var(--border),transparent);
}

/* ── Copyright ── */
footer .copyright{
  font-size:.7rem;color:var(--dimmer);letter-spacing:.3px;
}
footer .copyright a{color:var(--dim);text-decoration:none;transition:color .2s}
footer .copyright a:hover{color:var(--brand)}