/* MudBlazor Drag & Drop styles for Sort Order page */
.mud-drop-item-preview-start {
    width: 200px !important;
    height: 177px !important;
}

/* Visual feedback when dragging */
.product-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

.mud-drop-item:active .product-card,
.mud-drop-item[dragging] .product-card {
    opacity: 0.7;
    transform: scale(1.05) rotate(2deg);
    box-shadow: 0 8px 16px rgba(0,0,0,0.25) !important;
    cursor: grabbing !important;
}

/* Placeholder styling */
.mud-dropitem-placeholder {
    border-radius: 8px;
    width: 200px !important;
    min-height: 177px !important;
}

/* Products Sort Order Page Styles */

/* Header button gap */
.sort-order-header-buttons {
    gap: 12px;
}

/* Product card */
.sort-order-product-card {
    width: 200px;
    cursor: grab;
    position: relative;
    transition: all 0.2s ease;
}

/* Product card arrow buttons */
.sort-order-arrow-button-left {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
}

.sort-order-arrow-button-right {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
}

/* Product card content */
.sort-order-product-content {
    text-align: center;
}