/* css/pdf-merge.css */

/* Style for the upload area when a file is dragged over it */
#upload-area.drag-over {
    border-color: #3b82f6;
    /* Tailwind's blue-500 */
    background-color: #eff6ff;
    /* Tailwind's blue-50 */
}

/* Base style for each file item in the list */
.pdf-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: #f1f5f9;
    /* slate-100 */
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
    /* slate-200 */
    cursor: grab;
    user-select: none;
    transition: background-color 0.2s, box-shadow 0.2s;
}

/* Style for the file item currently being dragged */
.pdf-item.dragging {
    opacity: 0.5;
    background-color: #dbeafe;
    /* blue-200 */
}

/* Style for the remove button on each file item */
.remove-btn {
    background: none;
    border: none;
    color: #ef4444;
    /* red-500 */
    cursor: pointer;
    font-size: 1.1rem;
    padding: 0.25rem;
    transition: color 0.2s;
}

.remove-btn:hover {
    color: #b91c1c;
    /* red-700 */
}