/* --- Floating Icon Animations --- */
.nx-social-float-layer {
    position: absolute;
    inset: 0;
    pointer-events: none; /* Allows clicking through icons to the text */
    z-index: 1;
}

.nx-float-icon {
    position: absolute;
    font-size: 2.5rem;
    opacity: 0.4;
    filter: grayscale(20%);
    animation: nxBob 4s ease-in-out infinite;
    transition: all 0.3s ease;
}

/* Staggered animation delays so they don't move in unison */
.nx-float-icon:nth-child(2) { animation-delay: 1s; }
.nx-float-icon:nth-child(3) { animation-delay: 2s; }
.nx-float-icon:nth-child(4) { animation-delay: 1.5s; }

@keyframes nxBob {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(10deg); }
}

/* Enhancing your existing title slightly for the 'Social' look */
.nx-sv-title-creative {
    z-index: 2; /* Keeps text above icons for easier hovering */
}

/* Mobile Fixes for Floating Icons */
@media (max-width: 992px) {
    .nx-float-icon {
        font-size: 1.5rem;
        opacity: 0.2; /* Fade them out more on small screens to avoid clutter */
    }
}