/* Bottling Schedule Drag-and-Drop — Phase 4
 *
 * Global stylesheet (NOT component-isolated). Lives outside Blazor's CSS
 * isolation scope because the .drop-indicator is appended to document.body
 * and the body.is-dragging class is set on document.body — neither would
 * match if the rules were rewritten with a [b-xxxx] attribute selector.
 *
 * Referenced from Pages/_Layout.cshtml.
 */

.drop-indicator {
  position: fixed;
  height: 3px;
  background: #ffd700;
  border-radius: 1px;
  pointer-events: none;
  z-index: 9999;
  display: none;
  box-shadow: 0 0 4px rgba(255, 215, 0, 0.6);
  transition: top 60ms linear, left 60ms linear, width 60ms linear;
}

/* During an active drag, suppress the heavy hover repaint on day cells —
 * native HTML5 DnD fires dragover ~60Hz and the existing hover shadow
 * effect causes visible jank. */
body.is-dragging .calendar-day:hover {
  box-shadow: none !important;
}

body.is-dragging .bottlingDay {
  transition: none !important;
}

/* Hint that empty line columns are valid drop targets. Cheap visual cue. */
body.is-dragging .box2,
body.is-dragging .box3 {
  outline: 1px dashed rgba(255, 215, 0, 0.35);
  outline-offset: -2px;
}