.drag-ready {
    cursor: url('../icons/cursors/hand.png') 2 2, grab;
    box-shadow: 2px 2px 3px gray;
}

.pl-datafield-block.drag-ready > div {
    pointer-events: none;
}

/* Enhanced Title Drag and Drop Styles */
.title-drag-source {
    opacity: 0.7;
    cursor: grabbing !important;
    background-color: rgba(0, 123, 255, 0.15);
    border: 2px solid #007bff;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: scale(1.05) rotate(2deg);
    z-index: 1000;
    position: relative;
    transition: all 0.2s ease;
}

/* Remove the old blue line indicators - they are replaced by live preview */
.title-drop-target-left {
    position: relative;
}

.title-drop-target-left::before {
    display: none;
}

.title-drop-target-right {
    position: relative;
}

.title-drop-target-right::after {
    display: none;
}

/* Enhanced draggable title styles */
.title:not(.title-drag-source) {
    cursor: grab;
}

.title:not(.title-drag-source):hover {
    background-color: rgba(0, 0, 0, 0.05);
    transition: background-color 0.15s ease;
}

/* Title container transitions for smooth preview animations */
div[id^="dfc-"] {
    transition: transform 0.2s ease-out;
    transform-origin: left center;
}

/* During drag operation, ensure smooth transitions */
.pl-titleblock.dragging div[id^="dfc-"] {
    transition: transform 0.2s ease-out;
}

/* Disable pointer events on children during drag */
.title-drag-source * {
    pointer-events: none;
}

/* Ensure the page doesn't show text selection cursor during drag */
body.dragging,
body.dragging-title {
    user-select: none !important;
    -webkit-user-select: none !important;
    cursor: url("../icons/cursors/hand-back-fist.png"), grabbing !important;
}

/* Smooth transitions for all title movements */
.title-preview-mode {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}