/* Social icons: brand-colored circles with white icons */
footer a[href*="youtube.com"],
footer a[href*="youtu.be"],
footer a[href*="tiktok.com"],
footer a[href*="snapchat.com"],
footer a[href*="twitter.com"],
footer a[href*="x.com"],
footer a[href*="facebook.com"],
footer a[href*="instagram.com"],
footer a[href*="linkedin.com"] {
  border-color: transparent !important;
  color: #fff !important;
}

/* Reset anything inside the icon (fixes the invisible Instagram icon) */
footer a[href*="youtube.com"] *,
footer a[href*="youtu.be"] *,
footer a[href*="tiktok.com"] *,
footer a[href*="snapchat.com"] *,
footer a[href*="twitter.com"] *,
footer a[href*="x.com"] *,
footer a[href*="facebook.com"] *,
footer a[href*="instagram.com"] *,
footer a[href*="linkedin.com"] * {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  color: inherit !important;
  fill: currentColor !important;
}

/* Brand backgrounds */
footer a[href*="youtube.com"],
footer a[href*="youtu.be"]      { background: #FF0000 !important; }
footer a[href*="tiktok.com"]    { background: #000000 !important; box-shadow: 0 0 0 1px #fff inset; }
footer a[href*="twitter.com"],
footer a[href*="x.com"]         { background: #000000 !important; box-shadow: 0 0 0 1px #fff inset; }
footer a[href*="facebook.com"]  { background: #1877F2 !important; }
footer a[href*="linkedin.com"]  { background: #0A66C2 !important; }
footer a[href*="snapchat.com"]  { background: #FFFC00 !important; color: #000 !important; }
footer a[href*="instagram.com"] {
  background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4) !important;
}

/* Snapchat icon is black on yellow so it stays visible */
footer a[href*="snapchat.com"] * { color: #000 !important; fill: #000 !important; }
}