/* ============================================================
   Footer extra styles — add to footer.css or style.css
   ============================================================ */

.footer-social-link {
  color:       #334155;
  font-size:   1.1rem;
  transition:  color .2s;
  text-decoration: none;
}
.footer-social-link:hover { color: var(--accent); }

.footer-contact-link {
  color:       var(--muted);
  font-size:   .875rem;
  display:     flex;
  align-items: center;
  gap:         9px;
  text-decoration: none;
  transition:  color .2s;
}
.footer-contact-link:hover { color: var(--accent); }
.footer-icon { color: #334155; width: 14px; flex-shrink: 0; }

.footer-legal-link {
  color:           var(--muted);
  font-size:       .78rem;
  text-decoration: none;
  transition:      color .2s;
}
.footer-legal-link:hover { color: var(--accent); }