/* ════════════════════════════════════════════════════════════════════
   FOOTER
   Part of the rene-kurzok stylesheet. Load order matters (cascade).
   ════════════════════════════════════════════════════════════════════ */

/* ── FOOTER ──────────────────────────────────────────────────────────── */
footer {
  background: #07101b;
  padding: 36px 0;
  border-top: 1px solid rgba(255, 255, 255, .04);
}

.foot-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.foot-logo-img {
  height: 34px;
  width: auto;
  opacity: .7;
  transition: opacity .3s;
}

.foot-logo-img:hover {
  opacity: 1;
}

.foot-nav {
  display: flex;
  gap: 28px;
  list-style: none;
}

.foot-nav a {
  font-size: .72rem;
  font-weight: 300;
  letter-spacing: .06em;
  color: rgba(255, 255, 255, .48);
  transition: color .3s;
}

.foot-nav a:hover {
  color: rgba(255, 255, 255, .75);
}

.foot-legal a {
  color: rgba(255, 255, 255, .38);
}

.foot-legal a:hover {
  color: rgba(255, 255, 255, .65);
}

.foot-copy {
  font-size: .72rem;
  font-weight: 300;
  color: rgba(255, 255, 255, .6);
}