.quick-order-qty-input {
  width: 4em;
}

/**
 * block_7 now renders nested inside block_6's own wrapper (an "after"
 * attachment - see views.view.commerce_products.yml), which still carries
 * the theme's "product-grid" class. The theme's
 * ".product-grid .view-content { display: grid; grid-template-columns:
 * repeat(auto-fill, minmax(300px, 1fr)); }" rule (freelock_bootstrap
 * style.css) matches by ANY ancestor having that class, not just a direct
 * parent, so it still reaches the table's row wrapper through the nesting
 * and squeezes it into a single ~300px grid cell - the same bug fixed
 * once already by giving block_7 its own "product-list" class, now
 * reappearing via ancestry instead of self-class. !important is required
 * since the theme rule has no !important but does have a more specific
 * compound selector.
 */
.view-display-id-block_7 .view-content {
  display: block !important;
}

/**
 * input--button--submit.html.twig unconditionally renders a "Currently Not
 * Available" badge after any button labeled "Add to cart" and relies on an
 * ".available"/".unavailable" wrapper class (set by
 * freelock_bootstrap_preprocess_commerce_product()) to hide/show it. This
 * button never appears on an unavailable row here (the notify-me link
 * renders instead), so the badge is always spurious in this column;
 * suppress it here instead of touching the shared theme template.
 */
.views-field-quick-order-availability-action .cna {
  display: none;
}

.views-field-quick-order-symbol-key {
  color: #c00;
  font-size: 0.85em;
}

tr.unavailable {
  opacity: 0.7;
}

.quick-order-row-select {
  width: 1.2em;
  height: 1.2em;
}

.views-field-quick-order-row-select {
  text-align: center;
}

/**
 * Sticky "Add selected items to cart" bar. views_bulk_operations (the
 * site's other bulk-select UI) doesn't actually have a fixed bottom bar
 * of its own to copy - its bulk-action controls are a static block above
 * the results - so this is a new pattern, kept visually in line with the
 * site's green success-button color used elsewhere for Add to cart.
 */
.quick-order-bulk-actions {
  position: sticky;
  bottom: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 1em;
  background: #fff;
  border-top: 1px solid #ccc;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
  padding: 0.75em 1em;
  margin-top: 1em;
}

.quick-order-bulk-actions .quick-order-selected-count {
  font-size: 0.9em;
  color: #555;
}

.quick-order-bulk-actions #edit-submit {
  background-color: #289c1a;
  border-color: #289c1a;
  color: #fff;
  /* Client feedback: slightly larger than the theme's default .btn-sm
     (14px), so it reads a bit more prominent as the page's main action. */
  font-size: 16px;
}

/* Client feedback: an obvious "View Cart" button in the add-to-cart
   success message itself, using the site's existing brand orange
   ($dte-orange in _default-variables.scss) rather than a plain text link. */
.quick-order-view-cart-button {
  display: inline-block;
  margin-left: 0.5em;
  padding: 0.25em 0.75em;
  background-color: #e47911;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 0;
}

.quick-order-view-cart-button:hover,
.quick-order-view-cart-button:focus {
  background-color: #c96909;
  color: #fff;
  text-decoration: none;
}