/* =====================================================
   SOCIAL LINKS (shared across all pages)
===================================================== */

.social-links {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(166, 255, 63, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #c4c9d2;
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.social-links a:hover,
.social-links a:focus-visible {
  background: #a6ff3f;
  border-color: #a6ff3f;
  color: #081006;
  transform: translateY(-2px);
}

.social-links svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
  pointer-events: none;
}

/* Footers that center their content (contact / portfolio) */
.footer-inner .social-links {
  justify-content: center;
}