/* Footer Social Icons Styling */
.social-icons-colorful {
    display: flex;
    gap: 12px;
}

.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
    background: #1e293b; /* bg-slate-800 */
}

.social-icon:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.social-icon.facebook:hover { background: #1877F2 !important; }
.social-icon.twitter:hover { background: #000000 !important; }
.social-icon.instagram:hover { 
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important; 
}
.social-icon.linkedin:hover { background: #0A66C2 !important; }
.social-icon.youtube:hover { background: #FF0000 !important; }
.social-icon.pinterest:hover { background: #E60023 !important; }
.social-icon.tiktok:hover { background: #000000 !important; }

/* If user wants them colorful WITHOUT hover as well */
.social-icon.facebook { background: #1877F2; }
.social-icon.twitter { background: #000000; }
.social-icon.instagram { 
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); 
}
.social-icon.linkedin { background: #0A66C2; }
.social-icon.youtube { background: #FF0000; }
.social-icon.pinterest { background: #E60023; }
.social-icon.tiktok { background: #000000; }

@media (max-width: 767px) {
    .footer-brand-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .social-icons-colorful {
        justify-content: center;
    }
}