/* Styles pour le drag & drop des catégories */

.category-item {
    cursor: move;
    transition: all 0.3s ease;
}

.category-item:hover {
    background-color: #f8f9fa;
}

.category-item.dragging {
    opacity: 0.5;
    transform: scale(0.95);
}

.category-item.drag-over {
    border-top: 3px solid #0d6efd !important;
    margin-top: 3px;
}

.drag-handle {
    cursor: grab;
    color: #6c757d;
    padding: 0 0.5rem;
}

.drag-handle:active {
    cursor: grabbing;
}

.drag-handle:hover {
    color: #0d6efd;
}

/* Animation lors du déplacement */
@keyframes dragPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.category-item.dragging {
    animation: dragPulse 0.5s ease-in-out infinite;
}