.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.footer-social-icons {
    list-style: none;
    display: flex;
    gap: 12px;
    padding: 0;
    margin: 0;
}

.footer-social-icons li {
    display: inline-block;
}

.icon-social {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    filter: grayscale(100%);
    transition: transform 0.3s ease, filter 0.3s ease;
}

.icon-social i {
    font-size: 16px;
    color: #9a9a9a;
    transition: color 0.3s ease;
}

/* Hover animation */
.icon-social:hover {
    filter: grayscale(0%);
    animation: bounce 0.6s;
}

/* Brand colors */
.icon-social:hover .fa-facebook-f { color: #1877f2; }
.icon-social:hover .fa-instagram { color: #e4405f; }
.icon-social:hover .fa-linkedin-in { color: #0a66c2; }
.icon-social:hover .fa-youtube { color: #ff0000; }

@keyframes bounce {
    0% { transform: translateY(0); }
    30% { transform: translateY(-5px); }
    50% { transform: translateY(0); }
    70% { transform: translateY(-3px); }
    100% { transform: translateY(0); }
}

/* Mobile */
@media (max-width: 640px) {
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
}