/* --- Footer Social Icons --- */

/* 1. Perfectly center the icons */
footer nav.socials {
    width: 100%;
    justify-content: center;
}

footer nav.socials ul {
    justify-content: center !important; /* Forces the list items to the middle */
    width: 100%;
    gap: 0.6rem !important; /* Adds some nice breathing room between icons */
}

/* 2. Match the Nav SVG Effects (No color change, just smooth scaling) */
footer .social {
    transition: transform 0.2s ease !important;
    background: transparent !important; 
    border-radius: 50%; /* Keeps the hover hitbox clean */
}

/* Remove Tabi's default color inversion on hover */
footer .social:hover > img {
    filter: none !important; 
}

/* Add the scale-up pop effect from the nav */
footer .social:hover {
    transform: scale(1.1) !important;
    background-color: transparent !important; /* Prevents Tabi from painting a background behind the link */
}