/* Footer styles */
.social-links a {
    transition: color 0.3s ease;
    text-decoration: none;
}

.social-links a:hover {
    color: var(--secondary) !important;
}

/* Base footer spacing */
footer {
    margin-top: auto;
}

/* Social icons spacing */
.social-links a {
    font-size: 1.5rem;
    margin: 0 0.5rem;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .social-links {
        display: flex;
        justify-content: center;
        margin-top: 1rem;
    }
    
    .social-links a {
        font-size: 1.2rem;
    }
}