/* === Global Reorder Engine — Shared Reorder Styles === */

/* Dragging state class on body */
body.pacco-dragging .reorder-item,
body.pacco-dragging .ds-section-card,
body.pacco-dragging .ds-slide-nav-item,
body.pacco-dragging .ds-prod-card {
  will-change: transform;
}

/* Placeholder slot (same size as item, yellow highlight) */
.reorder-ghost {
  opacity: 1 !important;
  visibility: visible !important;
  background: #fffbe6 !important;
  border-color: #ffe600 !important;
  background-color: #fffbe6 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Ghost following cursor */
.reorder-chosen {
  opacity: 0.85 !important;
  background: #ffe600 !important;
  cursor: grabbing !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Floating dragged item */
.reorder-dragged {
  opacity: 1 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  transform: none !important;
  background: #ffe600 !important;
}

/* Drop target highlight (on siblings during drag) */
.reorder-drag-over {
  border-color: #ffe600 !important;
  background: #fff9d6 !important;
}

/* Warm-up: prevent first-drag flash */
.reorder-warmup {
  will-change: transform;
}

/* Prevent accidental drag on form elements / non-handle targets */
.reorder-ignore {
  pointer-events: none;
}