/* ==========================================================================
   Footer
   ========================================================================== */

.site-footer {
  background: var(--color-primary);
  color: rgba(255, 255, 255, 0.85);
  padding: var(--space-16) 0 0;
  position: relative;
  overflow: hidden;
}

/* Silver fern watermark */
.site-footer::before {
  content: '';
  position: absolute;
  right: -60px;
  top: -40px;
  width: 350px;
  height: 350px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cpath d='M100 10 C100 10 95 50 80 70 C65 90 30 100 30 100 C30 100 65 95 80 85 C95 75 100 50 100 50 C100 50 105 75 120 85 C135 95 170 100 170 100 C170 100 135 90 120 70 C105 50 100 10 100 10Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M100 50 C100 50 97 80 85 95 C73 110 45 118 45 118 C45 118 73 113 85 105 C97 97 100 75 100 75 C100 75 103 97 115 105 C127 113 155 118 155 118 C155 118 127 110 115 95 C103 80 100 50 100 50Z' fill='rgba(255,255,255,0.03)'/%3E%3Cpath d='M100 90 C100 90 98 115 88 125 C78 135 55 140 55 140 C55 140 78 137 88 130 C98 123 100 108 100 108 C100 108 102 123 112 130 C122 137 145 140 145 140 C145 140 122 135 112 125 C102 115 100 90 100 90Z' fill='rgba(255,255,255,0.03)'/%3E%3Cline x1='100' y1='10' x2='100' y2='190' stroke='rgba(255,255,255,0.03)' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.8;
  pointer-events: none;
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: var(--space-8);
}

.footer-brand p {
  font-size: var(--fs-sm);
  line-height: var(--lh-relaxed);
  margin-top: var(--space-4);
  max-width: 300px;
  color: rgba(255, 255, 255, 0.7);
}

.footer-heading {
  font-family: var(--font-heading);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-base);
  color: var(--color-white);
  margin-bottom: var(--space-4);
}

.footer-links a {
  display: block;
  padding: var(--space-1) 0;
  font-size: var(--fs-sm);
  color: rgba(255, 255, 255, 0.7);
  transition: color var(--transition-fast);
}
.footer-links a:hover {
  color: var(--color-accent-gold);
  text-decoration: none;
}

.footer-bottom {
  margin-top: var(--space-12);
  padding: var(--space-6) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  text-align: center;
  font-size: var(--fs-sm);
  color: rgba(255, 255, 255, 0.5);
}

/* Responsive footer */
@media (max-width: 768px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .site-footer {
    padding: var(--space-10) 0 0;
  }
  .footer-bottom {
    margin-top: var(--space-8);
    padding: var(--space-4) 0;
    font-size: var(--fs-xs);
  }
}