/* Social Media Platform Colors - Enhanced Contrast */
.social-tiktok {
  color: #69c9d0;
  transition: all 0.3s ease;
}

.social-tiktok:hover {
  color: #ff0050;
  text-shadow: 0 0 10px rgba(255, 0, 80, 0.5);
}

.social-youtube {
  color: #ffa726;
  transition: all 0.3s ease;
}

.social-youtube:hover {
  color: #ff0000;
  text-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
}

.social-x {
  color: #8b9dc3;
  transition: all 0.3s ease;
}

.social-x:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.social-instagram {
  color: #e1306c;
  transition: all 0.3s ease;
}

.social-instagram:hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 8px rgba(240, 148, 51, 0.6));
}

.social-facebook {
  color: #42a5f5;
  transition: all 0.3s ease;
}

.social-facebook:hover {
  color: #1877f2;
  text-shadow: 0 0 10px rgba(24, 119, 242, 0.5);
}

.social-linkedin {
  color: #26a69a;
  transition: all 0.3s ease;
}

.social-linkedin:hover {
  color: #0077b5;
  text-shadow: 0 0 10px rgba(0, 119, 181, 0.5);
}

/* Dark mode adjustments */
.dark .social-tiktok {
  color: #4fc3f7;
}

.dark .social-youtube {
  color: #ffb74d;
}

.dark .social-x {
  color: #90a4ae;
}

.dark .social-x:hover {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.dark .social-instagram {
  color: #f06292;
}

.dark .social-facebook {
  color: #64b5f6;
}

.dark .social-linkedin {
  color: #4db6ac;
}

/* Enhanced button variants with contrasting backgrounds */
.social-button {
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

.social-button:hover {
  transform: scale(1.15);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.social-button.social-tiktok {
  background: linear-gradient(135deg, rgba(105, 201, 208, 0.2), rgba(255, 0, 80, 0.1));
  border-color: rgba(105, 201, 208, 0.3);
}

.social-button.social-tiktok:hover {
  background: linear-gradient(135deg, rgba(255, 0, 80, 0.2), rgba(105, 201, 208, 0.1));
  border-color: #ff0050;
  box-shadow: 0 0 20px rgba(255, 0, 80, 0.4);
}

.social-button.social-youtube {
  background: linear-gradient(135deg, rgba(255, 167, 38, 0.2), rgba(255, 0, 0, 0.1));
  border-color: rgba(255, 167, 38, 0.3);
}

.social-button.social-youtube:hover {
  background: linear-gradient(135deg, rgba(255, 0, 0, 0.2), rgba(255, 167, 38, 0.1));
  border-color: #ff0000;
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.4);
}

.social-button.social-x {
  background: linear-gradient(135deg, rgba(139, 157, 195, 0.2), rgba(0, 0, 0, 0.1));
  border-color: rgba(139, 157, 195, 0.3);
}

.social-button.social-x:hover {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.2), rgba(139, 157, 195, 0.1));
  border-color: #000000;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.social-button.social-instagram {
  background: linear-gradient(135deg, rgba(225, 48, 108, 0.2), rgba(240, 148, 51, 0.1));
  border-color: rgba(225, 48, 108, 0.3);
}

.social-button.social-instagram:hover {
  background: linear-gradient(135deg, rgba(240, 148, 51, 0.2), rgba(225, 48, 108, 0.2), rgba(188, 24, 136, 0.1));
  border-color: #f09433;
  box-shadow: 0 0 20px rgba(240, 148, 51, 0.4);
}

.social-button.social-facebook {
  background: linear-gradient(135deg, rgba(66, 165, 245, 0.2), rgba(24, 119, 242, 0.1));
  border-color: rgba(66, 165, 245, 0.3);
}

.social-button.social-facebook:hover {
  background: linear-gradient(135deg, rgba(24, 119, 242, 0.2), rgba(66, 165, 245, 0.1));
  border-color: #1877f2;
  box-shadow: 0 0 20px rgba(24, 119, 242, 0.4);
}

.social-button.social-linkedin {
  background: linear-gradient(135deg, rgba(38, 166, 154, 0.2), rgba(0, 119, 181, 0.1));
  border-color: rgba(38, 166, 154, 0.3);
}

.social-button.social-linkedin:hover {
  background: linear-gradient(135deg, rgba(0, 119, 181, 0.2), rgba(38, 166, 154, 0.1));
  border-color: #0077b5;
  box-shadow: 0 0 20px rgba(0, 119, 181, 0.4);
}

/* Special glow effect for icons */
.social-tiktok:hover,
.social-youtube:hover,
.social-x:hover,
.social-facebook:hover,
.social-linkedin:hover {
  filter: brightness(1.2) saturate(1.3);
}

/* Enhanced contrast for light backgrounds */
@media (prefers-color-scheme: light) {
  .social-tiktok { color: #00b4d8; }
  .social-youtube { color: #f57c00; }
  .social-x { color: #37474f; }
  .social-instagram { color: #d81b60; }
  .social-facebook { color: #1565c0; }
  .social-linkedin { color: #00695c; }
}