/* ==========================================================================
   AUBURY & CO — FOOTER (single source of truth)
   ==========================================================================
   Extracted 15 April 2026 from the duplicated inline blocks that previously
   existed on every page. This file is now the only place the footer should
   be styled. Link it from every page after the other CSS files and BEFORE
   any page-specific inline <style>.

   Pattern: .footer > .footer-container > .footer-grid > .footer-col
            + .footer-bottom for copyright row.

   Note: services.html currently uses an alternative .footer-content /
   .footer-section class structure (pre-dating this file). When that page
   is next touched, migrate it to this pattern so the footer is truly
   single-source.
   ========================================================================== */

.footer {
  background: var(--forest-night);
  color: var(--light-text);
  padding: var(--space-16) 0 var(--space-12);
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--space-8);
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-12);
  margin-bottom: var(--space-16);
}

.footer-col h4 {
  color: var(--light-text);
  margin-bottom: var(--space-6);
  font-size: var(--text-base);
  font-weight: var(--weight-600);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}

.footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-col li {
  margin-bottom: var(--space-3);
}

.footer-col a {
  color: var(--light-text);
  text-decoration: none;
  font-size: var(--text-sm);
  opacity: 0.85;
  transition: opacity var(--transition-base);
}

.footer-col a:hover {
  opacity: 1;
  text-decoration: underline;
}

.footer-col p {
  color: var(--light-text);
  font-size: var(--text-sm);
  opacity: 0.85;
  margin: 0;
  line-height: var(--leading-relaxed);
}

.footer-bottom {
  border-top: 1px solid rgba(248, 245, 240, 0.1);
  padding-top: var(--space-8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}

.footer-bottom p {
  font-size: var(--text-sm);
  opacity: 0.7;
  margin: 0;
}

.footer-bottom a {
  color: var(--light-text);
  opacity: 0.7;
  transition: opacity var(--transition-base);
}

.footer-bottom a:hover {
  opacity: 1;
}

@media (max-width: 768px) {
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-8);
  }
  .footer-bottom {
    flex-direction: column;
    gap: var(--space-6);
    text-align: center;
  }
}