/* sortable.css */

/* Prevent text selection while dragging table rows */
.sortable-chosen,
.sortable-drag {
    user-select: none;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* Old Edge */
}

/* Prevent text selection while dragging */
.sortable-chosen,
.sortable-drag {
    user-select: none;
    -webkit-user-select: none;
}

.sortable-chosen {
    border: 2px solid var(--accent);
}

.sortable-drag {
    border: 1px solid var(--border);
}

.sortable-drag div:not(.cat-handle, .cat-name) {
    display: none;
}

.cat-node:not([data-cat-id="0"]) .cat-row-drop-target-active {
    border-radius: 10px;
    background: color-mix(in srgb, var(--accent) 20%, transparent);
}

.cat-node:not([data-cat-id="0"]) .cat-row-drop-target-hover {
    border-radius: 10px;
    background: color-mix(in srgb, var(--accent) 50%, transparent);
}

.cat-tree tr.sortable-chosen {
    display: none !important;
}

/* small screen when item dragging hide selected elements */
@media (max-width: 640px) {
  body:has(.sortable-drag) .card-items div:not(:has(table)) {
        display: none !important;
    }
}