/* Styles pour le drag & drop avec SortableJS */

.sortable-ghost {
    opacity: 0.4;
    background: #f8f9fa;
}

.sortable-chosen {
    cursor: grabbing !important;
}

.sortable-drag {
    opacity: 0.8;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    transform: rotate(2deg);
}

/* Animation de survol pour le drag handle */
.social-network-item:hover .bi-grip-vertical {
    color: #0d6efd !important;
    transition: color 0.2s ease;
}

/* Curseur pour toute la card */
.social-network-item {
    transition: all 0.2s ease;
}

.social-network-item:hover {
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}