.social-item {
  list-style: none;
  margin: 6px 0;
}

/* BASE STYLE (will be overridden by platform-specific classes) */
.social-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
}

.social-icon {
  display: block;
  fill: currentColor;
  flex-shrink: 0;
}

/* ------------------------------
   PLATFORM SPECIFIC COLORS
--------------------------------*/

/* FACEBOOK */
.social-facebook {
  color: #1877F2;
}
.social-facebook:hover {
  color: #0d52b9;
}

/* INSTAGRAM (Gradient simulation using static violet-pink color) */
.social-instagram {
  color: #E4405F;   /* primary Instagram brand color */
}
.social-instagram:hover {
  color: #C13584;
}

/* X.COM (Twitter) — black/white brand */
.social-x {
  color: #000000;              /* Official X color: Black */
}

.social-x:hover {
  color: #3a3a3a;
}

/* LINKEDIN */
.social-linkedin {
  color: #0A66C2;
}
.social-linkedin:hover {
  color: #004182;
}

/* Responsive (optional) */
@media (max-width: 420px) {
  .social-text { font-size: 13px; }
  .social-icon { width: 18px; height: 18px; }
}