/* ==========================================================================
   UNITED FOODS - PRODUCT DETAIL PAGE
   Light-touch overrides so the legacy size/color/stock widgets (still
   functionally wired to product.js / custom.js) match the new green/orange
   theme instead of the old template's blue/red accents.
   ========================================================================== */

.btn-cta-compact {
  padding: 8px 10px !important;
  font-size: .78rem !important;
  /* line-height: 1.25 !important; */
  gap: 5px !important;
  min-height: 0 !important;
}
.btn-cta-compact i {
  font-size: .95rem;
}

.stock-availability {
  font-weight: 600;
  font-size: .85rem;
  padding: 4px 12px;
  border-radius: 20px;
  display: inline-block;
}
.stock-availability.in-stock {
  color: #12564b !important;
  background: rgba(18, 86, 75, .08);
  margin: 0 !important;
}
.stock-availability.out-stock {
  color: #dc3545;
  background: rgba(220, 53, 69, .08);
}

.product-size .title,
.product-color .title {
  position: static !important;
  transform: none !important;
  display: block !important;
  font-size: .9rem !important;
  font-weight: 600;
  color: #2B2B2B;
  margin-bottom: 8px;
}

.product-size .siz-list li.active .box,
.product-size .siz-list li:hover .box {
  border-color: #12564b !important;
  background: #12564b !important;
  color: #fff !important;
}
.product-size .siz-list li .box {
  border-radius: 8px;
  padding: 6px 14px !important;
}

.product-color .color-list,
.mproduct-color .color-list {
  padding-left: 0 !important;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.product-color .color-list li,
.mproduct-color .color-list li {
  margin-right: 0 !important;
}
.product-color .color-list li.active .box::after,
.product-color .color-list li:hover .box::after {
  border-color: #12564b !important;
}

.product-offers-list {
  list-style: none;
  padding: 0;
  margin: 0 0 14px;
}
.product-offer-item {
  font-size: .88rem;
  color: #6B7280;
  margin-bottom: 6px;
}
.product-offer-item .h6 {
  color: #2B2B2B;
  font-size: .88rem;
  font-weight: 700;
  margin: 0;
}

.discount-table-info {
  font-size: .76rem;
  color: #6B7280;
  margin-top: 6px;
}

tr.active-product-min td {
  color: #fff !important;
}

.time-count {
  background: rgba(247, 144, 32, .1);
  border: 1px dashed #f79020;
  border-radius: 12px;
  padding: 12px;
  color: #f79020;
  font-weight: 700;
}

.report-item {
  text-decoration: none;
}
.report-item:hover {
  color: #12564b !important;
}