/* Social Media Icons - Additional Styling and Fixes */
/* This file contains only additions/overrides to the main style.css social-icons styling */

/* Remove underlines from social media links */
.social-icons a {
    text-decoration: none !important;
}

.social-icons a:hover,
.social-icons a:focus,
.social-icons a:active,
.social-icons a:visited {
    text-decoration: none !important;
}

/* Additional social media hover colors not in main CSS */
.social-icons a[title*="YouTube"]:hover {
    background: #ff0000 !important;
}

.social-icons a[title*="Facebook"]:hover {
    background: #1877f2 !important;
}

.social-icons a[title*="Twitter"]:hover,
.social-icons a[title*="X"]:hover {
    background: #1da1f2 !important;
}

.social-icons a[title*="TikTok"]:hover {
    background: #000000 !important;
}

.social-icons a[title*="WhatsApp"]:hover {
    background: #25d366 !important;
}

/* Enhanced Instagram gradient (overrides the simple color in main CSS) */
.social-icons a[title*="Instagram"]:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}