/* Overall wrapper */
.custom-full-social {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
    gap: 30px;
}

/* Container for each icon + label */
.custom-full-social .social-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 120px;
}

/* Icon button */
.custom-full-social .social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: linear-gradient(to right, #8e2de2, #4a00e0)!important;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    font-size: 28px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Glowing hover */
.custom-full-social .social-link:hover {
    background: linear-gradient(to right, #7f00ff, #00c6ff)!important;
    transform: scale(1.15);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Icon rotate */
.custom-full-social .social-link:hover i {
    transform: rotate(15deg);
    animation: glow 1.5s infinite alternate;
}

/* Label below icon */
.custom-full-social .social-label {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    word-wrap: break-word;
}
body.dark-mode .custom-full-social .social-label{
    color:#fff;
}
/* Glowing keyframe */
@keyframes glow {
    0% {
        text-shadow: 0 0 5px #00f0ff, 0 0 10px #00f0ff, 0 0 20px #00f0ff;
    }
    100% {
        text-shadow: 0 0 10px #00f0ff, 0 0 20px #00f0ff, 0 0 40px #00f0ff;
    }
}

/* Individual platform colors 
.custom-full-social .social-link.fa-facebook {
    background: linear-gradient(135deg, #3b5998, #8b9dc3);
}
.custom-full-social .social-link.fa-twitter {
    background: linear-gradient(135deg, #00aced, #1dcaff);
}
.custom-full-social .social-link.fa-instagram {
    background: linear-gradient(135deg, #feda75, #d62976, #962fbf, #4f5bd5);
}
.custom-full-social .social-link.fa-linkedin {
    background: linear-gradient(135deg, #0077b5, #00a0dc);
}
.custom-full-social .social-link.fa-youtube {
    background: linear-gradient(135deg, #ff0000, #cc0000);
}
.custom-full-social .social-link.fa-github {
    background: linear-gradient(135deg, #333, #6e5494);
}
.custom-full-social .social-link.fa-tiktok {
    background: linear-gradient(135deg, #000000, #69c9d0, #ee1d52);
}
.custom-full-social .social-link.fa-pinterest {
    background: linear-gradient(135deg, #bd081c, #e60023);
}
.custom-full-social .social-link.fa-snapchat-ghost {
    background: linear-gradient(135deg, #fffc00, #ffe600);
    color: #000;
}
.custom-full-social .social-link.fa-globe {
    background: linear-gradient(135deg, #6c757d, #adb5bd);
}
.custom-full-social .social-link.fa-reddit {
    background: linear-gradient(135deg, #ff4500, #ff8717);
}
.custom-full-social .social-link.fa-whatsapp {
    background: linear-gradient(135deg, #25d366, #128c7e);
}
.custom-full-social .social-link.fa-telegram {
    background: linear-gradient(135deg, #0088cc, #229ed9);
}
.custom-full-social .social-link.fa-discord {
    background: linear-gradient(135deg, #5865f2, #404eed);
}
.custom-full-social .social-link.fa-tumblr {
    background: linear-gradient(135deg, #35465c, #6e7d91);
}
.custom-full-social .social-link.fa-vimeo {
    background: linear-gradient(135deg, #1ab7ea, #00adef);
}
.custom-full-social .social-link.fa-dribbble {
    background: linear-gradient(135deg, #ea4c89, #f06292);
}
.custom-full-social .social-link.fa-behance {
    background: linear-gradient(135deg, #1769ff, #3f51b5);
}
.custom-full-social .social-link.fa-stack-overflow {
    background: linear-gradient(135deg, #f48024, #ff9900);
}
.custom-full-social .social-link.fa-medium {
    background: linear-gradient(135deg, #00ab6c, #1c9963);
}
.custom-full-social .social-link.fa-skype {
    background: linear-gradient(135deg, #00aff0, #0078d7);
}
*/
