.elementor-kit-39{--e-global-color-primary:#C6A346;--e-global-color-secondary:#8D763A;--e-global-color-text:#333232;--e-global-color-accent:#575654;--e-global-color-8388fb4:#FAA698;--e-global-color-51a48e8:#E99090;--e-global-typography-primary-font-family:"وزیر";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"وزیر";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"وزیر";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"وزیر";--e-global-typography-accent-font-weight:500;}.elementor-kit-39 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.woocommerce-message {
    display: none !important;
}
/* حذف دکمه افزودن به سبد خرید از لیست محصولات (آرشیو) */
ul.products li.product .button,
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    display: none !important;
}
/* 1. اطمینان از اینکه آیتم لیست (li) خودش کش نمیاد (بسیار مهم) */
.woocommerce ul.products li.product {
    overflow: hidden !important; /* به زور جلوی سرریز شدن از خود باکس اصلی رو بگیر */
    /* اگر li یک فلکس آیتم هست، این ممکنه کمک کنه: */
    min-width: 0 !important;
    /* اگر grid آیتم هست، این ممکنه کمک کنه: */
    /* min-inline-size: 0; */ /* کمتر رایج ولی گاهی لازم */
}

/* 2. محدود کردن لینک داخلی (اگر ساختار اینطور بود) */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product > a.woocommerce-loop-product__link {
    display: block;
    overflow: hidden; /* این هم سرریز داخلی رو مدیریت کنه */
    min-width: 0;
    width: 100%; /* عرض کامل والد (li) رو بگیره */
    /* background-color: #ffeeee; /* برای تست ببین این کجاست */
}

/* 3. اعمال نهایی روی خود عنوان */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: block !important; /* مطمئن شو بلاک هست */
    width: 100% !important; /* عرض کامل والدش رو بگیره (که حالا باید محدود باشه) */
    white-space: nowrap !important; /* به زور تک خطی کن */
    overflow: hidden !important; /* به زور سرریز رو مخفی کن */
    text-overflow: ellipsis !important; /* به زور سه نقطه بذار */
    min-width: 0 !important; /* اینم به زور برای جلوگیری از مشکلات flex/grid */
    box-sizing: border-box;
    /* background-color: #eeffee; /* برای تست ببین این کجاست */
}

/* 3. اعمال نهایی روی خود عنوان (با پدینگ افقی) */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0 !important;
    box-sizing: border-box; /* مهم: پدینگ رو داخل عرض محاسبه می‌کنه */

    /* --- این خطوط رو اضافه یا ویرایش کن --- */
    padding-left: 10px;  /* فاصله از سمت راست (مقدار رو به دلخواه تغییر بده) */
    padding-right: 10px; /* فاصله از سمت چپ (مقدار رو به دلخواه تغییر بده) */
    /* می‌تونی از خلاصه شده هم استفاده کنی: padding: 0 10px; */
    /* ------------------------------------ */

    /* background-color: #eeffee; /* برای تست بود، می‌تونی پاکش کنی */
}

/* این کد به body سایت شما میگه که یک فلکس کانتینر ستونی باشه و حداقل ارتفاع صفحه نمایش رو بگیره */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* حداقل ارتفاع بدنه را به اندازه ارتفاع صفحه نمایش قرار می‌دهد */
}

/* این انتخابگر (.elementor-kit-39) بخش محتوای اصلی صفحه المنتور (در اینجا، آرشیو محصولات) را هدف قرار می‌دهد. */
/* به آن می‌گوید که اگر در فضای والد (body) فضای خالی وجود دارد، آن را پر کند. */
.elementor-location-archive { /* بر اساس سورس کد شما این کلاس مناسب به نظر می‌رسد */
    flex-grow: 1;
}

/* اگر در صفحات دیگر هم مشکل دارید و المنتور برای محتوای اصلی از کلاس یا id دیگری استفاده می‌کند، می‌توانید آن‌ها را هم با کاما اضافه کنید: */

.site-content, main, #primary, .elementor-inner-container, .elementor-template-canvas, .elementor-location-single, .elementor-location-page {
    flex-grow: 1;
}
*/


/* این خطوط اطمینان حاصل می‌کنند که هدر و فوتر ارتفاع طبیعی خود را داشته باشند و کوچک نشوند */
header, footer,
.site-header, .site-footer,
.elementor-location-header, .elementor-location-footer,
#wpadminbar /* نوار مدیریت وردپرس */
{
    flex-shrink: 0;
}

/*
* تغییر نحوه نمایش قیمت فروش ویژه در صفحه آرشیو محصولات ووکامرس
* نمایش قیمت فروش ویژه زیر قیمت اصلی
*/
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins {
    display: block; /* باعث می شود هر کدام در یک خط جداگانه قرار بگیرند */
    margin-bottom: 5px; /* اضافه کردن فاصله کوچک بین قیمت اصلی و ویژه */
    /* می توانید مقدار margin-bottom را تنظیم کنید */
}

/*
* اختیاری: تنظیمات بیشتر برای ظاهر
* اگر می خواهید قیمت ها وسط چین شوند، این قسمت را اضافه کنید:
*/
/*
.woocommerce ul.products li.product .price {
    text-align: center;
}
*/

/*
* حذف خط زیر قیمت فروش ویژه در ووکامرس
* هم در صفحه آرشیو و هم در صفحه محصول
*/
.woocommerce ins {
    text-decoration: none; /* حذف خط زیر متن */
}

/*
* اگر کد بالا تاثیر نداشت، از این سلکتورهای دقیق تر استفاده کنید:
* این کد تگ ins را در بخش قیمت محصولات (هم در آرشیو و هم در صفحه محصول) هدف قرار می دهد.
*/
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins {
     text-decoration: none; /* حذف خط زیر متن */
}

/*
* تغییر نحوه نمایش قیمت فروش ویژه در صفحه محصول تکی ووکامرس
* نمایش قیمت فروش ویژه زیر قیمت اصلی
*/
.woocommerce div.product p.price del,
.woocommerce div.product p.price ins,
.woocommerce div.product div.price del, /* برای حالتی که price داخل div است */
.woocommerce div.product div.price ins { /* برای حالتی که price داخل div است */
    display: block; /* باعث می شود هر کدام در یک خط جداگانه قرار بگیرند */
}

/*
* اضافه کردن فاصله کوچک بین قیمت اصلی (با خط روی متن) و قیمت فروش ویژه
* فقط به قیمت اصلی margin-bottom می دهیم تا قیمت ویژه را به پایین هل دهد.
*/
.woocommerce div.product p.price del,
.woocommerce div.product div.price del {
    margin-bottom: 5px; /* اضافه کردن فاصله کوچک، می توانید تنظیم کنید */
}


/*
* توجه: اگر از کد قبلی برای حذف خط زیر قیمت فروش ویژه استفاده کرده اید،
* آن کد نیازی به تغییر ندارد و همینطور باقی می ماند.
* این کد فقط برای تغییر چینش قیمت ها (زیر هم قرار گرفتن) است.
*/

/*****************************************************************************/
/*
* سیاه و سفید کردن محصولات ناموجود در ووکامرس
* این استایل در تمام لیست های محصولات (آرشیو، صفحه محصول تکی اگر در لیست باشد) اعمال می شود
*/
.woocommerce ul.products li.product.outofstock, /* لیست محصولات در آرشیو */
.woocommerce .products article.product.outofstock, /* برای قالب ها یا ویجت هایی که از article استفاده می کنند */
.woocommerce div.product.outofstock /* گاهی برای محصولات مرتبط یا بالا فروش در صفحه تکی */
{
    filter: grayscale(100%); /* اعمال فیلتر سیاه و سفید کامل */
    opacity: 0.7;            /* اختیاری: کمی شفافیت برای تاکید بیشتر بر ناموجودی */
    /*pointer-events: none; */ /* اختیاری: غیرفعال کردن کلیک روی محصول ناموجود (اگر نمی خواهید کاربران بتوانند روی آن کلیک کنند) */
}

/*
* اختیاری: اضافه کردن یک متن یا کاور روی محصول ناموجود
* می توانید از pseudo-elements برای نمایش متن "ناموجود" یا یک لایه روی تصویر استفاده کنید
*/
/*
.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__title:after,
.woocommerce .products article.product.outofstock .woocommerce-loop-product__title:after {
    content: " (ناموجود)";
    color: #ff0000; // رنگ متن
    font-weight: bold;
}
*//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'وزیر';
	font-display: auto;
	src: url('https://allashop.ir/wp-content/uploads/2025/05/Vazirmatnwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */