/* Footer override */
.footer {
  min-height: auto;   /* reset the base full-height */
  height: 56px;       /* match navbar height */
  padding: 0;         /* remove section padding */
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: var(--color-navbar-bg);
  backdrop-filter: blur(1px);
  border-top: 1px solid var(--color-border);

  font-size: 0.7rem;
  color: var(--color-primary);
  transition: var(--transition);
}

.footer:hover {
  backdrop-filter: blur(12px);
}