/* Footer Styles */
:root {
  --footer-bg: #fbf1ec; /* light peach similar to design */
  --footer-text: #3a2a27; /* dark brown */
  --footer-accent: #b65b4d; /* reddish accent for links */
}

.site-footer {
  background: var(--footer-bg);
  color: var(--footer-text);
  padding-top: 40px;
}

.site-footer .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

.footer-top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  align-items: start;
  padding-bottom: 24px;
}

.footer-col { text-align: center; }
.footer-title {
  font-family: 'Playfair Display', serif;
  font-weight: 500;
  font-size: 1.5rem;
  margin: 0 0 14px;
}

.footer-list { list-style: none; padding: 0; margin: 0; }
.footer-list li { margin: 10px 0; }
.footer-list a { color: var(--footer-accent); text-decoration: none; }
.footer-list a:hover { text-decoration: underline; }

.footer-contact .footer-logos { display: flex; flex-direction: column; gap: 10px; align-items: center; margin-top: 16px; }
.footer-logo { max-height: 48px; width: auto; }
.footer-logos .netopia-logo-container { max-width: 130px; max-height: 80px; width: 100%; height: auto; }
.footer-logos .netopia-logo-container img { display: block; max-width: 100%; height: auto; }
.footer-logos.anpc .footer-logo { max-height: 58px; }

.footer-social { text-align: center; padding: 24px 0; }
.footer-social-title {
  font-family: 'Playfair Display', serif;
  font-weight: 500;
  font-size: 1.375rem;
  margin: 0 0 12px;
}
.social-icons { display: flex; gap: 24px; justify-content: center; }
.social-icon { color: var(--footer-text); }

.footer-bottom { text-align: center; padding: 16px 0 28px; font-size: 14px; opacity: .9; }

@media (max-width: 900px) {
  .footer-top { grid-template-columns: 1fr; text-align: center; }
}

@media (max-width: 768px) {
  .footer-title { font-size: 1.25rem; }
  .footer-social-title { font-size: 1.125rem; }
}

@media (max-width: 480px) {
  .footer-title { font-size: 1.125rem; }
  .footer-social-title { font-size: 1rem; }
}