:root {
	--wd-text-font: YekanBakhFaNum;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: YekanBakhFaNum;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: YekanBakhFaNum;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: YekanBakhFaNum;
	--wd-widget-title-font: YekanBakhFaNum;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: YekanBakhFaNum;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(244,4,4);
	--wd-alternative-color: rgb(166,2,4);
	--btn-default-font-family: YekanBakhFaNum;
	--btn-default-bgcolor: rgb(247,247,247);
	--btn-default-bgcolor-hover: rgb(239,239,239);
	--btn-accented-font-family: YekanBakhFaNum;
	--btn-accented-font-weight: 400;
	--btn-accented-bgcolor: rgb(244,4,4);
	--btn-accented-bgcolor-hover: rgb(244,4,4);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(30,115,190);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(244,4,4);
	--wd-link-color-hover: rgb(244,4,4);
	--wd-link-decor-style: solid;
	--wd-link-decor-style-hover: solid;
	--wd-link-decor-color: rgb(244,4,4);
	--wd-link-decor-color-hover: rgb(244,4,4);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
 {
	font-family: YekanBakhFaNum;}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-offset-h: 500px;
	--wd-arrow-color: rgb(244,4,4);
	--wd-arrow-color-hover: rgb(244,4,4);
	--wd-arrow-bg: rgb(255,255,255);
	--wd-arrow-bg-hover: rgb(255,255,255);
	--wd-arrow-radius: 50px;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 768.98px) {
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 30px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}



.wd-page-title {
background-color: #0a0a0a;
}

/*مارجین تاپ صفحه اصلی*/
.home .wd-content-layout.content-layout-wrapper {
    padding-top: 0 !important;
}
/*مارجین تاپ صفحه اصلی*/


/*کارت محصول*/
/* ۱. حالت مخفی با قابلیت انیمیشن */
.mmy-hover-content {
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    transition: all 0.2s ease-in-out !important;
}

/* ۲. حالت نمایش در هاور */
.wd-product:hover .mmy-hover-content {
    max-height: 1000px !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 0px !important;
}

/* ۳. شکستن قفل ارتفاع وودمارت (بسیار مهم برای بار اول هاور) */
.wd-product.wd-height-calculated, 
.wd-product.wd-height-calculated .wd-product-wrapper {
    height: auto !important;
}

/* ۴. اصلاح لایه پس‌زمینه وودمارت */
.wd-product:hover .wd-product-card-bg {
    margin-bottom: 0 !important;
}



/*یک خطی بودن عنوان*/
.title-1line,
.title-1line a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important; /* بعداً برای ۲ خطی این را ۲ کنید */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: break-word !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}
/*یک خطی بودن عنوان*/



/* جستیفای توضیحات + کنترل تعداد خطوط */
.desc-clamp,
.desc-clamp p,
.desc-clamp span,
.desc-clamp div {
    /* ۱. تراز کردن متن (Justify) */
    text-align: justify !important;
    text-justify: inter-word !important; /* برای بهبود نمایش جستیفای در کلمات فارسی */

    /* ۲. محدود کردن تعداد خطوط */
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important; /* <--- تعداد خطوط دلخواه (مثلا 1، 2 یا 3) */
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    /* ۳. تنظیمات ظاهری و جلوگیری از به هم ریختگی */
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.7 !important; /* فاصله خطوط استاندارد برای خوانایی بهتر در حالت جستیفای */
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
}
/* جستیفای توضیحات + کنترل تعداد خطوط */

/*کارت محصول*/





/*حذف لیست کشویی در کنار سواچ*/
/* خنثی‌سازی باگ افزونه Woodmart Plus */
body.single-product .wd-swatches-product + select {
    display: none !important;
}
/*حذف لیست کشویی در کنار سواچ*/

/*انتقال ساید بار به راست و حذف فاصله ی بالایی*/
@media (max-width: 1024px) {
    html,
    body {
        overflow-x: hidden !important;
    }

    /* سایدبار فیلتر موبایل از راست باز شود */
    .elementor-element-ac184f2.wd-side-hidden {
        left: auto !important;
        right: 0 !important;
        top: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* حالت بسته */
    .elementor-element-ac184f2.wd-side-hidden:not(.wd-opened) {
        transform: translate3d(100%, 0, 0) !important;
        -webkit-transform: translate3d(100%, 0, 0) !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* حالت باز */
    .elementor-element-ac184f2.wd-side-hidden.wd-opened {
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* حذف فضای خالی بالای سایدبار */
    .elementor-element-ac184f2 .wd-heading {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: auto !important;
        border-bottom: 1px solid #eee;
    }
}

/*انتقال ساید بار به راست و حذف فاصله ی بالایی*/

/*تنظیمات برد کرامپ در محصول تکی*/
/* دسکتاپ */
.truncate-words .wd-breadcrumbs a,
.truncate-words .wd-breadcrumbs .wd-last,
.truncate-words .wd-breadcrumbs .wd-last-link {
    display: inline-block !important;
    max-width: 150px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    margin: 0 4px !important;
}

/* جداکننده‌ها هم فاصله داشته باشند */
.truncate-words .wd-breadcrumbs .wd-delimiter {
    margin: 0 4px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* موبایل */
@media (max-width: 768px) {
    .truncate-words .wd-breadcrumbs a,
    .truncate-words .wd-breadcrumbs .wd-last,
    .truncate-words .wd-breadcrumbs .wd-last-link {
        max-width: 150px !important;
        margin: 0 3px !important;
    }
    
    .truncate-words .wd-breadcrumbs .wd-delimiter {
        margin: 0 3px !important;
    }
}
/*تنظیمات برد کرامپ در محصول تکی*/








/*راهنمای سایز بندی باندل*/
/* =============================================================
   راهنمای سایز باندل - CSS با راهنما
   ============================================================= */


/* =============================================================
   1. محتوای راهنما (عکس و متن) - در تب و پاپ‌آپ
   ============================================================= */

/* wrapper محتوای متنی */
.bundle-size-guide-content,
.bundle-sguide-tab-panel .wd-sizeguide-content,
.bundle-sguide-popup .wd-sizeguide-content {
    text-align: center !important;
    margin-bottom: 20px;
}

/* عکس داخل راهنما */
.bundle-size-guide-content img,
.bundle-sguide-tab-panel .wd-sizeguide-content img,
.bundle-sguide-popup .wd-sizeguide-content img {
    display: block !important;
    margin: 0 auto 15px !important;
    max-width: 100%;
    height: auto;
}

/* فیگر */
.bundle-size-guide-content figure,
.bundle-sguide-tab-panel .wd-sizeguide-content figure,
.bundle-sguide-popup .wd-sizeguide-content figure {
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
}

/* پاراگراف‌ها */
.bundle-size-guide-content p,
.bundle-sguide-tab-panel .wd-sizeguide-content p,
.bundle-sguide-popup .wd-sizeguide-content p {
    text-align: center !important;
}


/* =============================================================
   2. تب‌ها (دکمه‌های "پیراهن"، "شلوار" و...)
   ============================================================= */

.bundle-sguide-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;                                       /* فاصله بین تب‌ها */
    justify-content: flex-start;                    /* راست‌چین (وسط: center) */
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 20px;
}

.bundle-sguide-tab-btn {
    padding: 10px 20px;                             /* فاصله داخلی */
    background: #f5f5f5;                            /* رنگ پس‌زمینه */
    color: #333;                                    /* رنگ متن */
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font: 500 14px inherit;
    transition: all 0.3s ease;
    border-radius: 5px 5px 0 0;
    margin-bottom: -2px;
}

.bundle-sguide-tab-btn:hover {
    background: #e0e0e0;
    color: #000;
}

.bundle-sguide-tab-btn.active {
    background: var(--wd-primary-color, #e74c3c);
    color: #fff;
    border-bottom-color: var(--wd-primary-color, #e74c3c);
}

.bundle-sguide-tab-panel {
    display: none;
    animation: bsgFade 0.3s ease;
}

.bundle-sguide-tab-panel.active {
    display: block;
}


/* =============================================================
   3. پاپ‌آپ
   ============================================================= */

.bundle-sguide-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);                 /* تیرگی پس‌زمینه */
    z-index: 999999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.bundle-sguide-overlay.active {
    display: flex;
    animation: bsgFade 0.3s ease;
}

.bundle-sguide-popup {
    background: #fff;
    padding: 40px 30px 30px;                        /* فاصله داخلی */
    max-width: 900px;                               /* عرض پاپ‌آپ */
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    animation: bsgSlide 0.3s ease;
}

.bundle-sguide-popup-title {
    text-align: center;
    font-size: 24px;                                /* اندازه عنوان */
    font-weight: bold;
    margin: 0 0 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--wd-primary-color, #e74c3c);
    color: #333;
}

.bundle-sguide-close {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    font-size: 32px;
    line-height: 1;
    color: #666;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.bundle-sguide-close:hover {
    background: #f0f0f0;
    color: #333;
    transform: rotate(90deg);
}


/* =============================================================
   4. انیمیشن‌ها
   ============================================================= */

@keyframes bsgFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes bsgSlide {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}


/* =============================================================
   5. تنظیمات موبایل
   ============================================================= */

@media (max-width: 768px) {
    .bundle-sguide-overlay {
        padding: 10px;
    }
    
    .bundle-sguide-popup {
        padding: 40px 15px 20px;
        max-width: 100%;
    }
    
    .bundle-sguide-popup-title {
        font-size: 18px;
    }
    
    .bundle-sguide-tab-btn {
        padding: 8px 12px;
        font-size: 12px;
    }
}

/* =============================================================
   راهنمای سایز باندل - CSS با راهنما
   ============================================================= */
/*راهنمای سایز بندی باندل*/

/*حذف عنوان راهنمای سایز محصولات تکی*/
.wd-sizeguide-title {
    display: none !important;
}
/*حذف عنوان راهنمای سایز محصولات تکی*/


/*حذف نوار کناری در لیست علاقه مندی ها*/
body.page-id-1749 .wd-my-account-sidebar {
    display: none !important;
}

body.page-id-1749 .woocommerce-MyAccount-content {
    --wd-col-lg: 12 !important;
    --wd-col-md: 12 !important;
    --wd-col-sm: 12 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
/*حذف نوار کناری در لیست علاقه مندی ها*/



/*رنگ بک گراند دکمه در سفارش های پیشخوان*/
.item.gap-x-2-wrap.justify_end .btn.solid.small {
    background-color: #f40404 !important;
    border-color: #f40404 !important;
    color: #ffffff !important;
}

/* برای زمانی که موس میره روی دکمه (کمی تیره‌تر میشه) */
.item.gap-x-2-wrap.justify_end .btn.solid.small:hover {
    background-color: #cc0000 !important;
    border-color: #cc0000 !important;
    color: #ffffff !important;
}
/*رنگ بک گراند دکمه در سفارش های پیشخوان*/





/* ===== صفحه تشکر از پرداخت - تغییر همه نارنجی‌ها به قرمز ===== */
/* دایره تیک بزرگ */
.post-16 .ty-success-icon {
    background: #f40404 !important;
    box-shadow: 0 0 20px rgba(244, 4, 4, 0.25) !important;
}

/* دکمه اصلی (نمایش فاکتور) */
.post-16 .ty-btn-primary {
    background: #f40404 !important;
    border-color: #f40404 !important;
    color: #fff !important;
}

.post-16 .ty-btn-primary:hover {
    background: #d90303 !important;
    border-color: #d90303 !important;
}

/* مرحله فعال بالای صفحه */
.post-16 .ty-step.active,
.post-16 .ty-step.active a {
    color: #f40404 !important;
}

.post-16 .ty-step.active .ty-svg-icon {
    color: #f40404 !important;
}

/* آیکون‌های خلاصه سفارش */
.post-16 .ty-summary .ty-svg-icon {
    color: #f40404 !important;
}

/* آیکون وضعیت سفارش */
.post-16 .ty-status .ty-svg-icon {
    color: #f40404 !important;
}

/* آیکون مشخصات سفارش */
.post-16 .ty-card h3 .ty-svg-icon {
    color: #f40404 !important;
    stroke: #f40404 !important;
}

/* آیکون آدرس صورتحساب */
.post-16 .ty-card h3 svg path {
    fill: #f40404 !important;
}

/* اگر آیکون‌هایی با stroke هستند */
.post-16 .ty-card h3 svg path[stroke] {
    stroke: #f40404 !important;
    fill: none !important;
}

/* آیکون‌های داخل دکمه‌ها */
.post-16 .ty-btn-primary .ty-svg-icon {
    color: #fff !important;
    fill: #fff !important;
}
/* ===== صفحه تشکر از پرداخت - تغییر همه نارنجی‌ها به قرمز ===== */





/* ===== تغییر رنگ دکمه ثبت نام / ورود ===== */
.container_woodplus .form-box .submit-btn {
    background: #f40404 !important;
    color: #fff !important;
    border: 1px solid #f40404 !important;
    transition: all 0.3s ease;
}

.container_woodplus .form-box .submit-btn .btn-text {
    color: #fff !important;
}

.container_woodplus .form-box .submit-btn:hover {
    background: #f40404 !important;
    border-color: #f40404 !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(244, 4, 4, 0.28);
    filter: brightness(1.05);
}

.container_woodplus .form-box .submit-btn:hover .btn-text {
    color: #fff !important;
}
/* ===== تغییر رنگ دکمه ثبت نام / ورود ===== */



/* ===== جستیفای توضیحات کوتاه و توضیحات محصول ===== */
.woocommerce-product-details__short-description p {
    text-align: justify !important;
}
#tab-description p,
#tab-description li {
    text-align: justify !important;
}
/* ===== جستیفای توضیحات کوتاه و توضیحات محصول ===== */


/* ============================================
   رفع فشردگی و حذف پدینگ جدول مشخصات (تب توضیحات تکمیلی)
   ============================================ */
/* کشیده شدن جدول مشخصات به عرض کامل (۱۰۰٪) */
#tab-additional_information .shop_attributes {
    width: 100% !important;
    max-width: 100% !important; /* حذف محدودیت پهنای جدول */
    margin: 0 !important;       /* حذف حاشیه‌های خالی اطراف */
}

/* تنظیم نسبت دو ستون برای پر کردن کامل فضا */
#tab-additional_information .shop_attributes th {
    width: 25% !important; /* ستون عنوان (جنسیت، گروه سنی و...) */
}

#tab-additional_information .shop_attributes td {
    width: 75% !important; /* ستون مقدار (اسپرت، ۱ تا ۸ سال و...) */
}
/* ============================================
   رفع فشردگی و حذف پدینگ جدول مشخصات (تب توضیحات تکمیلی)
   ============================================ */


/* ============================================
   جدول سایزبندی تمام‌عرض و کاملاً فیت در موبایل
   ============================================ */

/* ۱. حذف محدودیت و فواصل اضافی از کانتینرهای اطراف */
#tab-1624_custom .e-con-inner,
#tab-1624_custom .elementor-widget-container,
#tab-1624_custom .wd-sizeguide,
#tab-1624_custom .responsive-table {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important; /* جلوگیری از اسکرول افقی و بیرون‌زدگی */
}

/* ۲. فیت کردن جدول به عرض ۱۰۰٪ صفحه */
#tab-1624_custom .wd-sizeguide-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;   /* حذف ۵۰۰ پیکسل و فیت کامل به صفحه */
    table-layout: fixed !important; /* تقسیم دقیق و مساوی عرض بین ستون‌ها */
    border-collapse: collapse !important;
    margin: 0 !important;
}

/* ۳. استایل محتوای داخل سلول‌ها (دسکتاپ) */
#tab-1624_custom .wd-sizeguide-table td {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 10px 4px !important;
    word-break: break-word !important; /* شکستن کلمات برای جلوگیری از بیرون زدن */
    overflow-wrap: anywhere !important;
}

/* ۴. استایل ردیف اول (عنوان ستون‌ها) */
#tab-1624_custom .wd-sizeguide-table tr:first-child td {
    background-color: #f5f5f5 !important;
    font-weight: 700 !important;
    color: #333 !important;
}

/* ۵. تنظیمات اختصاصی موبایل برای فیت شدن کامل بدون بیرون‌زدگی */
@media (max-width: 768px) {
    #tab-1624_custom .wd-sizeguide-table td {
        padding: 8px 1px !important;  /* فشرده‌تر کردن فاصله داخلی برای جا شدن ستون‌ها */
        font-size: 11px !important;   /* کوچک‌تر کردن فونت فقط در موبایل جهت فیت شدن کامل */
        line-height: 1.2 !important;
    }
}
/* ============================================
   جدول سایزبندی تمام‌عرض و کاملاً فیت در موبایل
   ============================================ */


/* ============================================
   حذف آیکون کنار تجربه های خرید
   ============================================ */
/* حذف دقیق ::after تب تجربه‌های خرید (همان موردی که هایلایت کردید) */
.feedback_tab a.wd-nav-link::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
}
/* ============================================
   حذف آیکون کنار تجربه های خرید
   ============================================ */