/* ==========================================================
   lh-dnd.css — default styles for the LH_DND library
   ----------------------------------------------------------
   Included automatically with lh-dnd.js. Activities can override
   any of these to customize the look.
   ========================================================== */

/* The cloned ghost that follows the cursor while dragging */
.lh-dnd-ghost {
  border-radius: 14px;
  pointer-events: none;
  user-select: none;
}

/* Drop targets get this class when a valid draggable hovers over them */
.lh-drop-hover {
  outline: 3px dashed #FFD23F;
  outline-offset: 4px;
  background-color: rgba(255, 210, 63, 0.12);
  transition: background-color 0.15s, outline-color 0.15s;
}

/* Items that have been "locked in" (acceptDrop called) */
.lh-locked-in {
  cursor: default !important;
  pointer-events: none;
}

/* Brief shake on rejected drop */
.lh-rejected {
  /* Shake animation handled via JS Web Animations API in the library;
     this class is just a hook activities can use to add their own
     extra styling (e.g. a red flash). */
}

/* Defensive: make sure draggables don't trigger mobile selection menus */
[data-lh-draggable] {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}