.checkbox-list{
  list-style:none;
}

/* STOCK */
.stock-item{
  border-bottom: 1px solid #ddd;
}

.stock-item:hover {
    background-color: #f5f5f5;
}


.stock-actions {
    white-space: nowrap;
}

.stock-row {
    transition: background-color 0.2s ease;
}

.stock-row:hover {
    background-color: rgba(0, 123, 255, 0.05); /* Lighter blue background */
    border: 1px solid rgba(0, 123, 255, 0.2); /* Subtle blue border */
}

/*ALERTS*/

/*bootstrap alert CSS, translated to the django-standard levels of*/
/*debug, info, success, warning, error*/

.alert-debug {
  background-color: #fff;;
  border-color: #d6e9c6;
  color: #000;
}

.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

/*fixing mobile horizontal scroll */
@media (max-width: 576px) {
  .container-fluid {
    margin: 0.5rem 0 !important;
  }
}

/* AMAZON SALES STICKY HEADINGS
   Sticky positioning here is load-bearing and fails silently if any ancestor
   (body > .container-fluid > .row > #main) or the Bootstrap .card ever gains a
   non-`visible` overflow. Keep those overflow:visible. The H2 offset
   (--sales-sticky-h1-offset) is set at runtime by initializeStickyHeadingOffset()
   in functions.js from the H1's measured height; the value below is the pre-JS
   fallback. */
:root {
    --sales-sticky-h1-offset: 3.5rem;
}

.sales-sticky-heading {
    background-color: #fff;
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
    z-index: 1021; /* above .sales-sticky-subheading when they meet */
}

/* Per-product card header that pins just under the sticky H1 */
.sales-sticky-subheading {
    position: sticky;
    top: var(--sales-sticky-h1-offset);
    z-index: 1020;
    background-color: #f8f9fa; /* solid, so graphs don't show through */
}