.site-footer {
	position: relative;
    width: 100%;
    padding: 2rem 2rem 2.5rem;
    text-align: center;

    font-size: 0.8rem;
    color: var(--color-text-muted);
	margin-top:auto;
}

.site-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;

  background: linear-gradient(
    to right,
    transparent,
    rgba(212, 175, 55, 0.35),
    rgba(212, 175, 55, 0.6),
    rgba(212, 175, 55, 0.35),
    transparent
  );
}


.site-footer::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 45%;
  height: 20px;

  background: radial-gradient(
    ellipse at center,
    rgba(212,175,55,0.15),
    transparent 70%
  );

  pointer-events: none;
}




.footer-navigation ul {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;

    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.footer-navigation a {
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;

    color: var(--color-text-muted);
    transition: color var(--transition-fast);
}

.footer-navigation a:hover {
    color: var(--color-primary);
}


.site-footer small {
    display: block;
    font-size: 0.7rem;
    color: var(--color-text-muted);
    opacity: 0.7;
}



@media (max-width: 480px) {

    .footer-navigation ul {
        flex-wrap: wrap;
        gap: 0.8rem;
    }
}