body:not(.editing) .edit-only { display: none !important; }
body:not(.editing) .edit-actions > .btn { border-radius: var(--bs-border-radius) !important; }
.list-card { transition: transform .15s ease, box-shadow .15s ease; }
.list-card:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.12) !important; }
.list-back-button { --bs-btn-padding-x: .625rem; }
.list-detail-header { background-color: #fff; border-left: .25rem solid var(--bs-primary) !important; }
.list-detail-date { color: var(--bs-secondary-color); font-size: .875rem; }
.list-detail-date .bi { margin-right: .35rem; }
.shopping-item.checked { opacity: .62; }
.shopping-item.checked .item-name,
.shopping-item.checked .item-quantity { text-decoration: line-through; }
.item-title-toggle { background: transparent; border: 0; color: inherit; cursor: pointer; min-height: 2.75rem; padding: .25rem .5rem; text-align: start; }
.article-field { position: relative; }
.article-suggestions {
  position: absolute;
  z-index: 30;
  inset-inline-start: 0;
  top: calc(100% + .125rem);
  width: max-content;
  max-width: 100%;
  max-height: 16rem;
  margin: 0;
  padding: .25rem 0;
  overflow: auto;
  list-style: none;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: .375rem;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .12);
}
.article-suggestion {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: .375rem .75rem;
  text-align: start;
}
.article-suggestion:hover,
.article-suggestion:focus { background: #e9ecef; }
.article-row,
.article-name-form { min-width: 0; }
.article-name-form input { flex: 1 1 auto; min-width: 0; width: auto; }
.hide-completed .shopping-item.checked { display: none; }
.drag-handle { cursor: grab; font-size: 1.1rem; line-height: 1; }
.checkmark { font-size: 1.3rem; }
input, select, textarea { display: block; width: 100%; padding: .375rem .75rem; border: 1px solid #dee2e6; border-radius: .375rem; }
.recipe-picture, .recipe-card-picture { display: block; width: 100%; max-height: 18rem; object-fit: cover; background-color: #f3f0ea; }
.recipe-card-picture { height: 11rem; }
.recipe-picture { border-bottom-left-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius); }
#steps { counter-reset: step; }
#steps .step-number::before { counter-increment: step; content: counter(step) "."; margin-inline-end: .35rem; }
.errorlist { color: #b02a37; list-style: none; padding: 0; font-size: .875rem; }