/**
 * Footer Element CSS - Hover Effects with Primary Color
 * 
 * @package FlatsomeChild\Modules\Elements\FooterElement
 */

/* Footer link hover effects using primary color variable */
.footer-social-link:hover,
.footer-nav-link:hover,
.footer-policy-link:hover {
    color: var(--primary-color) !important;
    transition: color 0.3s ease;
}

/* Additional hover effects for social icons */
.footer-social-link:hover svg {
    fill: var(--primary-color) !important;
    transition: fill 0.3s ease;
}

/* Smooth transition for all footer links */
.footer-social-link,
.footer-nav-link,
.footer-policy-link {
    transition: color 0.3s ease;
}

.footer-social-link svg {
    transition: fill 0.3s ease;
}