/* Social Media Icons Styles */

/* TikTok Icon Color */
svg[data-social="tiktok"] {
  fill: #000000; /* Default fill color */
}

/* When we specifically want TikTok colored */
.tiktok-icon {
  fill: #000000; /* TikTok brand color */
}

/* Social icon hover effects */
.social-icon {
  transition: transform 0.2s ease, fill 0.2s ease;
}

.social-icon:hover {
  transform: translateY(-2px);
}

/* Default social icon styling */
.footer-social-icon {
  width: 24px;
  height: 24px;
}