/* =================================
   FOOTER STYLES
   ================================= */

footer {
    font-family: "Inter Variable", "Inter", sans-serif;
}

footer a {
    transition: color 0.3s ease;
    position: relative;
}

footer a:hover {
    color: #000 !important;
}

footer a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #000;
    transition: width 0.3s ease;
}

footer a:hover::after {
    width: 100%;
}

/* Responsive footer */
@media (max-width: 768px) {
    footer {
        padding: 40px 20px 30px !important;
    }

    footer > div > div:first-child {
        flex-direction: column;
        gap: 15px !important;
    }
}