:root { --footer-height: 96px; }

/* Page layout helpers */
html, body { height: 100%; }
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}

/* footer as block at page bottom (not fixed) */
.site-footer {
  position: relative;
  width: 100%;
  background: linear-gradient(180deg,#071224 0%, #051425 100%);
  color: #e6eef8;
  border-top: 1px solid rgba(255,255,255,0.04);
  box-shadow: 0 -6px 18px rgba(0,0,0,0.18);
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: .95rem;
}

/* keep content vertically centered */
.site-footer .container {
  max-width: 1100px;
}

/* Links & typography */
.footer-legal small { color: rgba(230,238,248,0.9); font-weight: 600; }
.footer-legal .text-muted { color: rgba(230,238,248,0.65); }

.footer-links ul { padding-left: 0; margin: 0; list-style: none; }
.footer-link {
  color: rgba(230,238,248,0.9);
  text-decoration: none;
  transition: color 120ms ease, transform 120ms ease;
}
.footer-link:hover,
.footer-link:focus {
  color: #ffffff;
  transform: translateY(-2px);
  text-decoration: underline;
}

/* contact / social */
.footer-contact-mail { color: rgba(230,238,248,0.9); text-decoration: none; font-weight:500; }
.social-links .fa-solid,
.social-links .fa-brands { color: rgba(230,238,248,0.85); font-size: 1rem; }
.social-links a:hover .fa-solid,
.social-links a:hover .fa-brands { color: #ffffff; }

/* responsive adjustments */
@media (max-width: 767.98px) {
  .site-footer { padding-top: .75rem; padding-bottom: .75rem; }
  .footer-links ul { flex-direction: column; align-items: center; gap: .25rem; }
  .footer-contact { margin-top: .5rem; justify-content: center !important; }
  .footer-legal { text-align: center; margin-bottom: .5rem; }
}

/* small visual tweak so footer doesn't cover content if footer height changes */
body { padding-bottom: 0; }

/* ensure first column is flush left and last column flush right on normal screens */