/* Social Media Icons Styles */
.ssi-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 1px 0;
}

.ssi-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    text-decoration: none;
}

.ssi-icon:hover {
    transform: translateY(-3px);
    opacity: 0.8;
}

.ssi-icon svg {
    width: 24px;
    height: 24px;
}

/* Platform-specific colors */
.ssi-social-icons .ssi-facebook {
    background-color: #1877f2;
    color: #ffffff !important;
}

.ssi-social-icons .ssi-twitter {
    background-color: #000000;
    color: #ffffff !important;
}

.ssi-social-icons .ssi-instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #ffffff !important;
}

.ssi-social-icons .ssi-linkedin {
    background-color: #0A66C2;
    color: #ffffff !important;
}

.ssi-social-icons .ssi-youtube {
    background-color: #FF0000;
    color: #ffffff !important;
}

.ssi-social-icons .ssi-tiktok {
    background-color: #000000;
    color: #ffffff !important;
}

.ssi-social-icons .ssi-pinterest {
    background-color: #E60023;
    color: #ffffff !important;
}

.ssi-social-icons .ssi-github {
    background-color: #181717;
    color: #ffffff !important;
}

.ssi-social-icons .ssi-threads {
    background-color: #000000;
    color: #ffffff !important;
}

.ssi-social-icons .ssi-digg {
    background-color: #0f65ef;
    color: #ffffff !important;
}

.ssi-social-icons .ssi-bluesky {
    background-color: #1185fe;
    color: #ffffff !important;
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .ssi-social-icons {
        gap: 10px;
    }
    
    .ssi-icon {
        width: 36px;
        height: 36px;
    }
    
    .ssi-icon svg {
        width: 20px;
        height: 20px;
    }
}