/* App-specific styles. Bootstrap itself is the prebuilt bootstrap.min.css next to this file. */

.shopping-item--checked {
  opacity: 0.55;
}

.shopping-item--checked label {
  text-decoration: line-through;
}

/* Drag-and-drop ordering (SortableJS) */
.sortable-ghost {
  opacity: 0.4;
  background: var(--bs-success-bg-subtle);
}

.sortable-chosen {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
}