/* Ensure :root variables are defined, e.g., in index.html's inline style or move them here */

/*
:root {
    --neon-red: #FF0000;
}
*/

/* Footer Social Links Styles */
.footer-social-links a {
    color: #ccc;
    margin: 0 10px;
    font-size: 1.5rem;
    transition: all 0.3s ease; /* Apply transition to all properties */
    display: inline-block; /* Required for transform to work correctly */
}

.footer-social-links a:hover {
    color: white;
    text-shadow: 0 0 10px var(--neon-red); /* Simplified neon glow */
    transform: scale(1.1); /* Scale animation on hover */
}

/* Media Queries for Footer Social Links */
@media (width <= 768px) {
    .footer-social-links a {
        font-size: 1.3rem;
        margin: 0 8px;
    }
}

@media (width <= 480px) {
    .footer-social-links { /* Ensure flex display is maintained if needed */
        display: flex;
        justify-content: center;
        margin-bottom: 8px; /* Keep margin from original inline style */
    }

    .footer-social-links a {
        font-size: 1.2rem;
        margin: 0 8px;
    }
}