/* Enhanced Social Media Icons Styling */

#footer .footer-social-links ul li a {
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Facebook */
#footer .footer-social-links ul li a .icon-facebook {
    background: linear-gradient(135deg, #1877f2 0%, #42a5f5 100%);
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer .footer-social-links ul li a:has(.icon-facebook) {
    background: linear-gradient(135deg, #1877f2 0%, #42a5f5 100%);
}

/* Twitter */
#footer .footer-social-links ul li a:has(.icon-twitter) {
    background: linear-gradient(135deg, #1da1f2 0%, #0d8bd9 100%);
}

/* Instagram */
#footer .footer-social-links ul li a:has(.icon-instagram) {
    background: linear-gradient(135deg, #e4405f 0%, #f77737 50%, #fccc63 100%);
}

/* LinkedIn */
#footer .footer-social-links ul li a:has(.icon-linkedin) {
    background: linear-gradient(135deg, #0077b5 0%, #00a0dc 100%);
}

/* YouTube */
#footer .footer-social-links ul li a:has(.icon-youtube) {
    background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);
}

/* Pinterest */
#footer .footer-social-links ul li a:has(.icon-pinterest) {
    background: linear-gradient(135deg, #bd081c 0%, #e60023 100%);
}

/* WhatsApp */
#footer .footer-social-links ul li a:has(.icon-whatsapp) {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
}

/* Telegram */
#footer .footer-social-links ul li a:has(.icon-telegram) {
    background: linear-gradient(135deg, #0088cc 0%, #006bb3 100%);
}

/* TikTok */
#footer .footer-social-links ul li a:has(.icon-tiktok) {
    background: linear-gradient(135deg, #000000 0%, #ff0050 50%, #00f2ea 100%);
}

/* RSS */
#footer .footer-social-links ul li a:has(.icon-rss) {
    background: linear-gradient(135deg, #ff6600 0%, #ff8533 100%);
}

/* Hover Effects */
#footer .footer-social-links ul li a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.25);
    color: white !important;
    border: none !important;
}

/* Fallback for older browsers that don't support :has() */
#footer .footer-social-links ul li a[title*="Facebook"],
#footer .footer-social-links ul li a[href*="facebook"] {
    background: linear-gradient(135deg, #1877f2 0%, #42a5f5 100%);
}

#footer .footer-social-links ul li a[title*="Twitter"],
#footer .footer-social-links ul li a[href*="twitter"] {
    background: linear-gradient(135deg, #1da1f2 0%, #0d8bd9 100%);
}

#footer .footer-social-links ul li a[title*="Instagram"],
#footer .footer-social-links ul li a[href*="instagram"] {
    background: linear-gradient(135deg, #e4405f 0%, #f77737 50%, #fccc63 100%);
}

#footer .footer-social-links ul li a[title*="LinkedIn"],
#footer .footer-social-links ul li a[href*="linkedin"] {
    background: linear-gradient(135deg, #0077b5 0%, #00a0dc 100%);
}

#footer .footer-social-links ul li a[title*="YouTube"],
#footer .footer-social-links ul li a[href*="youtube"] {
    background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);
}

#footer .footer-social-links ul li a[title*="Pinterest"],
#footer .footer-social-links ul li a[href*="pinterest"] {
    background: linear-gradient(135deg, #bd081c 0%, #e60023 100%);
}

#footer .footer-social-links ul li a[title*="WhatsApp"],
#footer .footer-social-links ul li a[href*="whatsapp"] {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
}

#footer .footer-social-links ul li a[title*="Telegram"],
#footer .footer-social-links ul li a[href*="telegram"] {
    background: linear-gradient(135deg, #0088cc 0%, #006bb3 100%);
}

#footer .footer-social-links ul li a[title*="TikTok"],
#footer .footer-social-links ul li a[href*="tiktok"] {
    background: linear-gradient(135deg, #000000 0%, #ff0050 50%, #00f2ea 100%);
}

#footer .footer-social-links ul li a.rss,
#footer .footer-social-links ul li a[title*="RSS"] {
    background: linear-gradient(135deg, #ff6600 0%, #ff8533 100%);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    #footer .footer-social-links ul li a {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
}