/* ==========================================================================
   کاکوتی — بهبود کارت‌های فروشگاه
   ========================================================================== */

/* ---------- محصولات ناموجود ----------
   برچسب «ناموجود» را خود پوسته می‌سازد (.out-of-stock-label)؛
   اینجا فقط با رنگ برند خوانا و قابل‌تشخیص می‌شود.                        */
.product-small.outofstock .out-of-stock-label{
  background:rgba(3,42,43,.90) !important;
  color:#F1D87D !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.3px;
  padding:8px 0 !important;
  border-radius:0 !important;
  text-shadow:none !important;
}

/* تصویر کم‌رنگ شود تا در یک نگاه معلوم باشد چه چیزی خریدنی است */
.product-small.outofstock .box-image img{
  opacity:.55;
  filter:grayscale(.35);
  transition:opacity .2s ease;
}
.product-small.outofstock:hover .box-image img{ opacity:.72; }
.product-small.outofstock .price{ opacity:.6; }
.product-small.outofstock .product-title a{ color:rgba(3,42,43,.62) !important; }

/* ---------- دکمه‌ی افزودن به سبد روی کارت ---------- */
.product-small .button.add_to_cart_button,
.product-small .button.product_type_simple,
.product-small .button.product_type_variable{
  border-radius:10px !important;
  font-size:.88rem !important;
  font-weight:600 !important;
  padding:9px 18px !important;
  margin-top:10px !important;
  margin-bottom:0 !important;
}
.product-small.outofstock .button{ opacity:.65; }

/* ---------- برچسب دسته‌بندی روی کارت ---------- */
.product-small .product-cat{
  color:rgba(3,42,43,.55) !important;
  letter-spacing:.2px;
}