.elementor-160 .elementor-element.elementor-element-a9e1f79{--display:flex;}.elementor-160 .elementor-element.elementor-element-cd692bb{--display:flex;}.elementor-160 .elementor-element.elementor-element-ff8a656{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-160 .elementor-element.elementor-element-d22156f.elementor-wc-products ul.products li.product{text-align:center;}.elementor-160 .elementor-element.elementor-element-d22156f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-160 .elementor-element.elementor-element-d22156f.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-160 .elementor-element.elementor-element-d22156f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-160 .elementor-element.elementor-element-d22156f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-d22156f *//* حذف کامل برچسب تخفیف (Sale) در کل سایت */
.woocommerce span.onsale,
span.onsale,
.onsale,
.elementor-widget-woocommerce-products .onsale,
.elementor-product-sale,
.elementor-products-grid .onsale,
.product .onsale {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
/* حذف کامل لیبل حراج در کل سایت */
.woocommerce span.onsale,
span.onsale,
.onsale,
.elementor-widget-woocommerce-products .onsale,
.elementor-product-sale,
.elementor-products-grid .onsale,
.product .onsale {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
/* حذف دکمه افزودن به سبد خرید فقط در ویجت محصولات المنتور */
.elementor-widget-woocommerce-products .add_to_cart_button,
.elementor-widget-woocommerce-products .product .button,
.elementor-widget-woocommerce-products .product .added_to_cart {
    display: none !important;
}
/* --- افقی کردن لیست محصولات --- */
.woocommerce ul.products,
.products,
.elementor-widget-woocommerce-products .products,
.elementor-widget-woocommerce-products ul.products {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 1rem;
  scroll-snap-type: x mandatory;
  padding-bottom: 0.5rem;
}

/* کوچکتر کردن کارت محصول */
.woocommerce ul.products li.product,
.products .product,
.elementor-widget-woocommerce-products ul.products li.product {
  min-width: 170px;          /* قبلاً 220px بود — کارت کوچک‌تر شد */
  flex: 0 0 auto;
  scroll-snap-align: start;
  box-sizing: border-box;
}

/* کوچک‌تر کردن تصویر داخل کارت */
.woocommerce ul.products li.product img,
.products .product img {
  width: 100%;
  max-height: 150px;         /* کنترل ارتفاع تصویر */
  object-fit: contain;       /* تصویر بدون برش */
}

/* دسکتاپ — کمی بزرگ‌تر از موبایل */
@media (min-width: 1024px) {
  .woocommerce ul.products li.product,
  .products .product {
    min-width: 200px;        /* قبلاً 260px بود */
  }

  .woocommerce ul.products li.product img,
  .products .product img {
    max-height: 180px;
  }
}

/* پنهان کردن اسکرول بار */
.woocommerce ul.products::-webkit-scrollbar,
.products::-webkit-scrollbar { height: 8px; }
.woocommerce ul.products::-webkit-scrollbar-track,
.products::-webkit-scrollbar-track { background: transparent; }
.woocommerce ul.products::-webkit-scrollbar-thumb,
.products::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 6px; }

.products { scrollbar-width: thin; -ms-overflow-style: -ms-autohiding-scrollbar; }

/* دکمه‌های ناوبری */
.products-scroll-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 30;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.95);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.06);
}
.products-scroll-prev { left: 8px; }
.products-scroll-next { right: 8px; }

/* موبایل */
@media (max-width: 767px) {
  .products-scroll-btn { width: 32px; height: 32px; display: none; }
}
/* =====================================
   SalehiDishes.ir - افکت ناموجود محصول
   Elementor + WooCommerce
===================================== */

/* کارت محصول */
.woocommerce ul.products li.product {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}

/* وقتی محصول ناموجود است */
.woocommerce ul.products li.product.outofstock img,
.woocommerce ul.products li.product:has(.stock.out-of-stock) img {
    filter: grayscale(100%) brightness(0.65);
    opacity: 0.9;
    transition: 0.3s ease;
}

/* لایه قرمز */
.woocommerce ul.products li.product.outofstock::before,
.woocommerce ul.products li.product:has(.stock.out-of-stock)::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(220, 0, 0, 0.22);
    z-index: 2;
    pointer-events: none;
}

/* روبان ناموجود */
.woocommerce ul.products li.product.outofstock::after,
.woocommerce ul.products li.product:has(.stock.out-of-stock)::after {
    content: "ناموجود";
    position: absolute;
    top: 14px;
    right: -42px;
    background: #cf0000;
    color: #fff;
    padding: 9px 55px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    transform: rotate(45deg);
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
}

/* جلوگیری از رفتن زیر المان‌های المنتور */
.woocommerce ul.products li.product * {
    position: relative;
    z-index: 1;
}
/* حذف برچسب حراج */
.woocommerce span.onsale{
    display:none !important;
}

/* حذف روبان ناموجود */
.woocommerce ul.products li.product.outofstock::after,
.woocommerce ul.products li.product:has(.stock.out-of-stock)::after{
    display:none !important;
}/* End custom CSS */