/* =========================================================
   unlockID
   Datei: /public/css/footer.css
   Zweck:
   - Footer fix unten, clean & premium
========================================================= */

:root{
  --u-bg: #000;
  --u-text: rgba(255,255,255,0.88);
  --u-muted: rgba(255,255,255,0.52);
  --u-line: rgba(255,255,255,0.08);
  --u-cyan: #16e0ff;
  --u-cyan-soft: rgba(22, 224, 255, 0.18);
}

.site-footer{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  background: rgba(0,0,0,0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-top: 1px solid var(--u-line);
  z-index: 50;
}

.site-footer__inner{
  max-width: 1160px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  padding: 12px 16px;
  color: var(--u-text);

  font-family: "Oxanium", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 13px;
}

.footer-left{
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.footer-brand{
  font-weight: 700;
  letter-spacing: 0.6px;
}

.footer-dot{
  color: var(--u-muted);
}

.footer-tagline{
  color: var(--u-muted);
  letter-spacing: 0.6px;
}

.footer-links{
  display: flex;
  align-items: center;
  gap: 14px;
}

.footer-link{
  color: var(--u-muted);
  text-decoration: none;
  letter-spacing: 0.4px;
  position: relative;
  padding: 4px 0;
}

.footer-link:hover{
  color: rgba(255,255,255,0.92);
}

.footer-link::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 0%;
  background: var(--u-cyan);
  box-shadow: 0 0 14px var(--u-cyan-soft);
  transition: width 180ms ease;
}

.footer-link:hover::after{
  width: 100%;
}

.footer-right{
  color: var(--u-muted);
  white-space: nowrap;
}

@media (max-width: 860px){
  .site-footer__inner{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }
}