/*
 * HorecaDepot Single Product stock badge.
 * Phase 3B keeps native WooCommerce stock visible and removes the old custom
 * stock badge contract, which is not present in the rendered DOM.
 */

.single-product .summary-inner > .stock {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: var(--hd-radius-sm, 6px) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.single-product .summary-inner > .stock.in-stock {
  border: 1px solid rgba(46, 125, 50, .18) !important;
  background: rgba(46, 125, 50, .08) !important;
  color: #2e7d32 !important;
}

.single-product .summary-inner > .stock.out-of-stock {
  border: 1px solid rgba(176, 0, 32, .18) !important;
  background: rgba(176, 0, 32, .08) !important;
  color: #b00020 !important;
}

@media (max-width: 768px) {
  .single-product .summary-inner > .stock {
    align-self: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}