/* =========================================
   Footer
   ========================================= */
.site-footer {
  background: var(--color-primary);
  color: #fff;
  padding: var(--spacing-xl) 0 var(--spacing-lg);
}

.footer-inner {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

.footer-navigation ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.footer-navigation a {
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--fs-sm);
}
.footer-navigation a:hover {
  color: #fff;
  opacity: 1;
}

.site-info {
  font-size: var(--fs-xs);
  color: rgba(255, 255, 255, 0.5);
}