/**
 * Footer Link Hover Effect
 * 
 * This file contains styles for the footer link hover effect
 * that exactly matches codlion.com
 */

/* Override all existing footer link hover styles */
html body .site-footer a:hover,
html body .footer-widget a:hover,
html body .footer-menu a:hover,
html body .footer-widget ul li a:hover,
html body .site-footer a:not(.codlion-social-icon):hover,
html body .footer-widget a:not(.codlion-social-icon):hover,
html body .footer-menu a:hover,
html body .footer-contact-info a:hover,
html body .footer-contact-info a:hover i,
html body .site-footer a[href^="tel:"]:hover,
html body .site-footer a[href^="tel:"]:hover i,
html body .site-footer a[href^="tel:"]:hover .fas.fa-phone-alt,
html body .site-footer a[href^="mailto:"]:hover,
html body .site-footer a[href^="mailto:"]:hover i,
html body .site-footer a[href^="mailto:"]:hover .fas.fa-envelope {
    color: inherit;
}

/* Remove all existing hover effects */
html body .site-footer a:not(.codlion-social-icon)::after,
html body .footer-widget a:not(.codlion-social-icon)::after,
html body .footer-menu a::after,
html body .footer-contact-info a::after {
    display: none;
    content: none;
    width: 0;
    opacity: 0;
}

/* Simple text-decoration underline on hover - exactly like codlion.com */
html body .site-footer a:not(.codlion-social-icon),
html body .footer-widget a:not(.codlion-social-icon),
html body .footer-menu a,
html body .footer-contact-info a {
    text-decoration: none;
}

html body .site-footer a:not(.codlion-social-icon):hover,
html body .footer-widget a:not(.codlion-social-icon):hover,
html body .footer-menu a:hover,
html body .footer-contact-info a:hover {
    text-decoration: underline;
}