.elementor-kit-12{--e-global-color-primary:#743089;--e-global-color-secondary:#A855F7;--e-global-color-text:#111111;--e-global-color-accent:#F97316;--e-global-color-16fdd9e:#A855F7;--e-global-color-d00e5e3:#F3E8FF;--e-global-color-b8de4f6:#FFEBDD;--e-global-color-a6fc2ed:#EA580C;--e-global-color-06c4b09:#777777;--e-global-color-0b9b44d:#999999;--e-global-color-09c097a:#EF4444;--e-global-color-4272534:#28A745;--e-global-color-76370e7:#FFC107;--e-global-color-39a3661:#666666;--e-global-color-6cf9a74:#AAAAAA;--e-global-color-b2e09e2:#DDDDDD;--e-global-color-508ca10:#EEEEEE;--e-global-color-83e7e2a:#F5F5F5;--e-global-color-d14e469:#FAF5FF;--e-global-color-7b3c9a3:#FAFAFA;--e-global-color-3486f2b:#FFFFFF;--e-global-color-9d5b601:#229ED9;--e-global-color-88e9247:#25D366;--e-global-color-2aac217:#E4405F;--e-global-color-881e746:#13C3A6;--e-global-color-874e950:#FFFFFF;--e-global-color-5aaa817:#FFFFFF00;--e-global-color-1a0f0de:#743089;--e-global-color-0c1a068:#F2E7F6;--e-global-color-86c0add:#FAF1FD;--e-global-color-a7882ee:#B52FDE;--e-global-color-db1499b:#4A6B82;--e-global-color-9ac14d1:#E3ECFA;--e-global-color-b791c14:#F0F6FA;--e-global-color-4d1e353:#8AB4D4;--e-global-color-78294c2:#A85A74;--e-global-color-a2dd001:#FDE2E9;--e-global-color-72e78ac:#FEF2F5;--e-global-color-3e63025:#EFA4B5;--e-global-typography-primary-font-family:"Vazirmatn";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.4em;--e-global-typography-primary-letter-spacing:-0.5px;--e-global-typography-secondary-font-family:"Vazirmatn";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-secondary-letter-spacing:-0.2px;--e-global-typography-text-font-family:"Vazirmatn";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Vazirmatn";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0.2px;--e-global-typography-0810f6b-font-size:16px;--e-global-typography-0810f6b-font-weight:700;--e-global-typography-0810f6b-line-height:1.6em;--e-global-typography-0810f6b-letter-spacing:0px;--e-global-typography-1906712-font-family:"Vazirmatn";--e-global-typography-1906712-font-size:18px;--e-global-typography-1906712-font-weight:400;--e-global-typography-1906712-line-height:1.6em;--e-global-typography-1906712-letter-spacing:0px;--e-global-typography-33089a5-font-family:"Vazirmatn";--e-global-typography-33089a5-font-size:18px;--e-global-typography-33089a5-font-weight:700;--e-global-typography-33089a5-line-height:1.6em;--e-global-typography-33089a5-letter-spacing:0px;--e-global-typography-c06ba7f-font-family:"Vazirmatn";--e-global-typography-c06ba7f-font-size:14px;--e-global-typography-c06ba7f-font-weight:400;--e-global-typography-c06ba7f-line-height:1.5em;--e-global-typography-c06ba7f-letter-spacing:0px;--e-global-typography-361c6fb-font-family:"Vazirmatn";--e-global-typography-361c6fb-font-size:14px;--e-global-typography-361c6fb-font-weight:700;--e-global-typography-361c6fb-line-height:1.5em;--e-global-typography-361c6fb-letter-spacing:0px;--e-global-typography-638c89a-font-family:"Vazirmatn";--e-global-typography-638c89a-font-size:12px;--e-global-typography-638c89a-font-weight:400;--e-global-typography-638c89a-line-height:1.4em;--e-global-typography-638c89a-letter-spacing:0.2px;--e-global-typography-c8b3218-font-family:"Vazirmatn";--e-global-typography-c8b3218-font-size:12px;--e-global-typography-c8b3218-font-weight:700;--e-global-typography-c8b3218-line-height:1.4em;--e-global-typography-c8b3218-letter-spacing:0.2px;--e-global-typography-b7220b1-font-family:"Vazirmatn";--e-global-typography-b7220b1-font-size:36px;--e-global-typography-b7220b1-font-weight:700;--e-global-typography-b7220b1-letter-spacing:-0.5px;--e-global-typography-ea33f56-font-family:"Vazirmatn";--e-global-typography-ea33f56-font-size:30px;--e-global-typography-ea33f56-font-weight:700;--e-global-typography-ea33f56-letter-spacing:-0.3px;--e-global-typography-58633b6-font-family:"Vazirmatn";--e-global-typography-58633b6-font-size:24px;--e-global-typography-58633b6-font-weight:700;--e-global-typography-58633b6-letter-spacing:-0.2px;--e-global-typography-2e672d3-font-family:"Vazirmatn";--e-global-typography-2e672d3-font-size:20px;--e-global-typography-2e672d3-font-weight:700;--e-global-typography-2e672d3-letter-spacing:0px;--e-global-typography-0060f4e-font-family:"Vazirmatn";--e-global-typography-0060f4e-font-size:18px;--e-global-typography-0060f4e-font-weight:700;--e-global-typography-0060f4e-letter-spacing:0px;--e-global-typography-3f7dc62-font-family:"Vazirmatn";--e-global-typography-3f7dc62-font-size:16px;--e-global-typography-3f7dc62-font-weight:700;--e-global-typography-3f7dc62-letter-spacing:0.2px;background-color:var( --e-global-color-d14e469 );color:var( --e-global-color-text );font-family:"Vazirmatn", vazirmatn;font-size:18px;font-weight:400;line-height:1.8em;letter-spacing:0px;overscroll-behavior:contain;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-accent );--e-preloader-size:30px;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), vazirmatn;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-874e950 );border-radius:50px 50px 50px 50px;padding:12px 25px 12px 25px;}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{background-color:var( --e-global-color-16fdd9e );color:var( --e-global-color-3486f2b );border-radius:50px 50px 50px 50px;}.elementor-kit-12 e-page-transition{background-color:var( --e-global-color-3486f2b );}.elementor-kit-12 a{color:var( --e-global-color-secondary );font-family:"Vazirmatn", vazirmatn;font-weight:600;line-height:1.6em;letter-spacing:0px;}.elementor-kit-12 a:hover{color:var( --e-global-color-primary );}.elementor-kit-12 h1{color:var( --e-global-color-primary );font-family:"Vazirmatn", vazirmatn;font-size:36px;font-weight:700;line-height:1.3em;letter-spacing:-0.5px;}.elementor-kit-12 h2{color:var( --e-global-color-primary );font-family:"Vazirmatn", vazirmatn;font-size:30px;font-weight:700;line-height:1.4em;letter-spacing:-0.3px;}.elementor-kit-12 h3{color:var( --e-global-color-primary );font-family:"Vazirmatn", vazirmatn;font-size:24px;font-weight:700;line-height:1.5em;letter-spacing:-0.2px;}.elementor-kit-12 h4{color:var( --e-global-color-primary );font-family:"Vazirmatn", vazirmatn;font-size:20px;font-weight:700;line-height:1.6em;letter-spacing:0px;}.elementor-kit-12 h5{color:var( --e-global-color-primary );font-family:"Vazirmatn", vazirmatn;font-size:18px;font-weight:700;line-height:1.6em;letter-spacing:0px;}.elementor-kit-12 h6{color:var( --e-global-color-primary );font-family:"Vazirmatn", vazirmatn;font-size:16px;font-weight:700;line-height:1.5em;letter-spacing:0.2px;}.elementor-kit-12 img{border-radius:8px 8px 8px 8px;}.elementor-kit-12 label{color:var( --e-global-color-06c4b09 );font-family:var( --e-global-typography-accent-font-family ), vazirmatn;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-12 input:not([type="button"]):not([type="submit"]),.elementor-kit-12 textarea,.elementor-kit-12 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), vazirmatn;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );accent-color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b2e09e2 );border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-12{--e-global-typography-primary-font-size:20px;--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:14px;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0.2px;--e-global-typography-0810f6b-font-size:15px;--e-global-typography-1906712-font-size:17px;--e-global-typography-1906712-line-height:1.6em;--e-global-typography-1906712-letter-spacing:0px;--e-global-typography-33089a5-font-size:17px;--e-global-typography-33089a5-line-height:1.6em;--e-global-typography-33089a5-letter-spacing:0px;--e-global-typography-c06ba7f-font-size:13px;--e-global-typography-c06ba7f-line-height:1.5em;--e-global-typography-c06ba7f-letter-spacing:0px;--e-global-typography-361c6fb-font-size:13px;--e-global-typography-361c6fb-line-height:1.4em;--e-global-typography-361c6fb-letter-spacing:0px;--e-global-typography-638c89a-font-size:11px;--e-global-typography-638c89a-line-height:1.4em;--e-global-typography-638c89a-letter-spacing:0.2px;--e-global-typography-c8b3218-font-size:11px;--e-global-typography-c8b3218-line-height:1.4em;--e-global-typography-c8b3218-letter-spacing:0.2px;--e-global-typography-b7220b1-font-size:32px;--e-global-typography-b7220b1-letter-spacing:-0.5px;--e-global-typography-ea33f56-font-size:26px;--e-global-typography-ea33f56-line-height:1.4em;--e-global-typography-ea33f56-letter-spacing:-0.3px;--e-global-typography-58633b6-font-size:20px;--e-global-typography-58633b6-line-height:1.5em;--e-global-typography-58633b6-letter-spacing:-0.2px;--e-global-typography-2e672d3-font-size:18px;--e-global-typography-2e672d3-line-height:1.6em;--e-global-typography-2e672d3-letter-spacing:0px;--e-global-typography-0060f4e-font-size:16px;--e-global-typography-0060f4e-line-height:1.6em;--e-global-typography-0060f4e-letter-spacing:0px;--e-global-typography-3f7dc62-font-size:15px;--e-global-typography-3f7dc62-line-height:1.5em;--e-global-typography-3f7dc62-letter-spacing:0.2px;font-size:17px;}.elementor-kit-12 a{font-size:17px;}.elementor-kit-12 h1{font-size:32px;}.elementor-kit-12 h2{font-size:26px;}.elementor-kit-12 h3{font-size:20px;}.elementor-kit-12 h4{font-size:18px;}.elementor-kit-12 h5{font-size:16px;}.elementor-kit-12 h6{font-size:15px;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );padding:11px 22px 11px 22px;}.elementor-kit-12 label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-12 input:not([type="button"]):not([type="submit"]),.elementor-kit-12 textarea,.elementor-kit-12 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:16px;--container-default-padding-right:16px;--container-default-padding-bottom:16px;--container-default-padding-left:16px;}}@media(max-width:767px){.elementor-kit-12{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:13px;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0.2px;--e-global-typography-0810f6b-font-size:14px;--e-global-typography-1906712-font-size:16px;--e-global-typography-1906712-line-height:1.6em;--e-global-typography-1906712-letter-spacing:0px;--e-global-typography-33089a5-font-size:16px;--e-global-typography-33089a5-line-height:1.6em;--e-global-typography-33089a5-letter-spacing:0px;--e-global-typography-c06ba7f-font-size:12px;--e-global-typography-c06ba7f-line-height:1.4em;--e-global-typography-c06ba7f-letter-spacing:0px;--e-global-typography-361c6fb-font-size:12px;--e-global-typography-361c6fb-line-height:1.4em;--e-global-typography-361c6fb-letter-spacing:0px;--e-global-typography-638c89a-font-size:10px;--e-global-typography-638c89a-line-height:1.4em;--e-global-typography-638c89a-letter-spacing:0.2px;--e-global-typography-c8b3218-font-size:10px;--e-global-typography-c8b3218-line-height:1.4em;--e-global-typography-c8b3218-letter-spacing:0.2px;--e-global-typography-b7220b1-font-size:26px;--e-global-typography-b7220b1-line-height:1.3em;--e-global-typography-b7220b1-letter-spacing:-0.5px;--e-global-typography-ea33f56-font-size:22px;--e-global-typography-ea33f56-line-height:1.4em;--e-global-typography-ea33f56-letter-spacing:-0.3px;--e-global-typography-58633b6-font-size:18px;--e-global-typography-58633b6-line-height:1.5em;--e-global-typography-58633b6-letter-spacing:-0.2px;--e-global-typography-2e672d3-font-size:16px;--e-global-typography-2e672d3-line-height:1.6em;--e-global-typography-2e672d3-letter-spacing:0px;--e-global-typography-0060f4e-font-size:15px;--e-global-typography-0060f4e-line-height:1.6em;--e-global-typography-0060f4e-letter-spacing:0px;--e-global-typography-3f7dc62-font-size:14px;--e-global-typography-3f7dc62-line-height:1.5em;--e-global-typography-3f7dc62-letter-spacing:0.2px;font-size:15px;}.elementor-kit-12 a{font-size:16px;}.elementor-kit-12 h1{font-size:26px;}.elementor-kit-12 h2{font-size:22px;}.elementor-kit-12 h3{font-size:18px;}.elementor-kit-12 h4{font-size:17px;}.elementor-kit-12 h5{font-size:15px;}.elementor-kit-12 h6{font-size:14px;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );padding:10px 18px 10px 18px;}.elementor-kit-12 label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-12 input:not([type="button"]):not([type="submit"]),.elementor-kit-12 textarea,.elementor-kit-12 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:12px;--container-default-padding-right:12px;--container-default-padding-bottom:12px;--container-default-padding-left:12px;}}/* Start custom CSS *//*==========================================
در المنتور نمی توان حالت پوزیشن را برای دستگاه های مختلف تغییر داد
در هوم پیج، عنوان به صورت پوزیشن ابسولوت روی عکس قرار داد
لازم داریم تا در حالت موبایل عنوان زیر عکس قرار بگیرد
این کار را با کد زیر انجام می دهیم که روی کلاس زیر کار میکند:
myss-homepage-title
========================================== */

@media (max-width: 767px) {
    /* 1. خنثی کردن حالت Absolute و برگرداندن به زیر کانتینر اول */
    .myss-homepage-title {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
    }
}

/* تنظیم ارتفاع کانتینر عنوان در وسط ارتفاع در حالت دسکتاپ و تبلت */
@media (min-width: 768px) {
    .myss-homepage-title {
        top: 50% !important;
        bottom: auto !important;
        /* جابجایی کانتینر به اندازه نصف ارتفاع خودش به سمت بالا برای مرکزیت دقیق */
        transform: translateY(-50%) !important; 
    }
}

/*==========================================
برای حذف بکگراند آبی در زمان کلیک روی المان‌ها در موبایل
========================================== */
* {
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
}

/*==========================================
صفر کردن تمام فاصله‌های لایه‌های داخلی ویجت عنوان در المنتور
که دارای کلاس زیر باشند:
mycss-remove-space-from-titlewidget
========================================== */
.mycss-remove-space-from-titlewidget .elementor-heading-title {
    line-height: 1 !important;
    display: block !important;
}


/*==========================================
حذف فاصله پایینی ویجت آیکون
========================================== */

/* حذف فاصله پیش‌فرض پایین ویجت آیکون */
html body .elementor .elementor-widget-icon {
    margin-bottom: 0 !important;
}

/* حذف فضای خالی پیش‌فرض زیر لینک و SVG */
html body .elementor .elementor-widget-icon .elementor-icon {
    display: flex !important;
    padding: 0 !important;
}

html body .elementor .elementor-widget-icon .elementor-icon svg {
    display: block !important;
}


/* ==================================================
   حذف فاصله اضافی بعد از آخرین خط متن داخل ویجت text editor 
================================================== */
.elementor-widget-text-editor p:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}



/* ==================================================
   3. استایل دایره‌ها (سواچ‌ها)
================================================== */
.swatch-circle {
    width: calc((100% - (7 * var(--swatch-gap))) / 8) !important;
    aspect-ratio: 1 / 1 !important;
    min-width: 18px !important;
    max-width: 26px !important;
    display: inline-block !important;
    position: relative !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    border: 2px solid #bbbbbb !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
}

.dummy-swatch {
    visibility: hidden !important; 
    pointer-events: none !important;
}

.swatch-circle.active-swatch {
    transform: scale(1.1);
    border-color: var(--e-global-color-primary) !important;
    box-shadow: 0 0 0 0.5px var(--e-global-color-primary), 0 2px 5px rgba(0,0,0,.2);
}

.swatch-circle.no-stock {
    opacity: .4;
}
.swatch-circle.no-stock::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ff0000;
    transform: rotate(-45deg);
}

@media (min-width: 1025px) {
    .swatch-circle:hover {
        transform: scale(1.1);
        border-color: var(--e-global-color-primary) !important;
        box-shadow: 0 2px 5px rgba(0,0,0,.2);
    }
}

/* ==================================================
   4. رسپانسیو (تبلت و موبایل)
================================================== */
@media (max-width: 1024px) {
    .simple-swatch-list.single-color-wrapper {
        min-height: 28px;
    }
    .single-color-text {
        font-size: 13px;
    }
    .swatch-circle {
        min-width: 16px !important; 
        max-width: 24px !important;
    }
}

@media (max-width: 768px) {
    .simple-swatch-list {
        padding: 6px 0 !important;
    }
    .simple-swatch-list.single-color-wrapper {
        min-height: 24px;
    }
    .single-color-text {
        font-size: 12px;
    }
    .swatch-circle {
        /* کاهش جزئی برای جلوگیری از به هم ریختگی در کارت‌های بسیار کوچک موبایل */
        min-width: 12px !important; 
        max-width: 24px !important;
        border-width: 1px !important;
    }
}



/* ==========================
با این کد، هر زمان که محصول ساده یا متغیری فقط ۱ عدد موجودی داشته باشد، باکس تعداد به طور کامل محو می‌شود و کاربر فقط دکمه “افزودن به سبد خرید” را می‌بیند.
============================ */
/* مخفی کردن کل باکس تعداد در صورتی که حداکثر موجودی 1 باشد */
.quantity:has(input[max="1"]) {
    display: none !important;
}

/* مخفی کردن کل باکس تعداد در صورتی که قالب فیلد را مخفی (hidden) کرده باشد */
.quantity:has(input[type="hidden"]) {
    display: none !important;
}


/* ==========================
عدم نمایش پیام موفقیت ارسال فرم المنتور 
با کلاس 
popup-success-message
چون برای آن پاپ آپ درست شده است
============================ */
.popup-success-message .elementor-message-success {
    display: none !important;
}


/* ==========================
استایل بج درصد تخفیف تولید شده با کد PHP ، استفاده شده در ویجت شورتکد در لیستینگ آیتم محصولات جت انجین
============================ */
.elementor-widget-shortcode {
    line-height: 0;
}

.my-discount-badge-single-product {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;   
    height: 22px;    
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    
    /* ---- اصلاحات برای وسط‌چین شدن دقیق ---- */
    line-height: 1; /* خنثی کردن اثر line-height: 0 از والد */
    padding-top: 2px; /* اصلاح چشمی بیس‌لاین فونت‌های فارسی (بسته به فونت ممکن است نیاز باشد 1px یا 0 کنید) */
    box-sizing: border-box; /* جلوگیری از تغییر ابعاد به خاطر پدینگ */
    /* -------------------------------------- */

    white-space: nowrap;
    overflow: hidden;
    border-radius: 50px 0 0 50px;
    background-color: #EF4444;
    color: #fff;    
}

/* ---------------- تبلت ---------------- */
@media (max-width: 1024px) {
    .my-discount-badge-single-product {
       width: 36px;   
       height: 20px;    
       font-size: 11px;
    }
}

/* --------------- موبایل ----------------- */
@media (max-width: 767px) {
    .my-discount-badge-single-product {
       width: 32px;   
       height: 20px;    
       font-size: 10px;
    }
}

/* ==========================
استایل بج "جدید" تولید شده با کد پی اچ بی ، استفاده شده در ویجت شورتکد در لیستینگ آیتم محصولات جت انجین
============================ */

.my-new-product-badge-single-product {
    display: inline-flex;  /* متن وسط‌چین */
    align-items: center;  /* وسط‌چین عمودی */
    justify-content: center;/* وسط‌چین افقی */
    width: 38px;   
    height: 22px;    
    font-size: 12px;

    font-weight: bold;
    text-align: center;

    white-space: nowrap;  /* جلوگیری از شکستن متن */
    overflow: hidden; /* مخفی شدن متن اضافی */

    border-radius: 50px 0 0 50px;
    
    background-color: var(--e-global-color-primary);
    color: #ffffff;

}

/* --------------- تبلت --------------- */
@media (max-width: 1024px) {
    .my-new-product-badge-single-product{
       width: 36px;   
       height: 20px;    
       font-size: 11px;
    }
}

/* --------------- موبایل --------------- */
@media (max-width: 767px) {
    .my-new-product-badge-single-product{
       width: 32px;   
       height: 20px;    
       font-size: 10px;
    }
}



/* ==========================
   باکس جداکننده بخش‌ها 
اندازه گپ دو برابر پدینگ گرفته شده
یعنی فاصله دو المان در یک کانینر
مساوی 2 پدینگ کانتینرهای بالا و پایین است
تا فاصله ها یکسان دیده شوند
============================ */
/* دسکتاپ (حالت پیش‌فرض) */
body .wrapper-section {
		/*--gap: 40px 40px !important;*/
        --row-gap: 40px !important;
        --column-gap: 20px !important;
}

/* تبلت */
@media (max-width: 1024px) {
    body .wrapper-section {
		/*--gap: 32px 32px !important;*/
        --row-gap: 32px !important;
        --column-gap: 16px !important;
    }
}

/* موبایل */
@media (max-width: 767px) {
    body .wrapper-section {
		/*--gap: 24px 24px !important;*/
        --row-gap: 24px !important;
        --column-gap: 22px !important;
    }
}

/* =========================
   باکس پیش فرض عنوان و بردکرامب 
============================ */
/* باکس پیش فرض عنوان */
body .header-section > div {
   padding-top: 0 !important;
}

/* باکس پیش فرض عنوان */
body .header-simple-section > div {

}

/* =========================
   باکس پیش فرض مطالب 
============================ */
/* دسکتاپ (حالت پیش‌فرض) */
body .content-section {
    box-shadow: 0px 2px 8px rgba(25, 42, 65, 0.12), 0px 0px 2px rgba(25, 42, 65, 0.10) !important;
    border-radius: 10px !important;

	/*--gap: 32px 32px !important;*/
    --row-gap: 20px !important;
    --column-gap: 16px !important;
}

/* تبلت */
@media (max-width: 1024px) {
    body .content-section {
		/*--gap: 32px 32px !important;*/
        --row-gap: 16px !important;
        --column-gap: 12px !important;
    }
}

/* موبایل */
@media (max-width: 767px) {
    body .content-section {
		/*--gap: 24px 24px !important;*/
        --row-gap: 12px !important;
        --column-gap: 8px !important;
    }
}

/* =========================
   سایه‌ها و باکس‌ها ویژه المنتور
============================ */

/* سایه‌ها */
.elemen-default-shadow {
  box-shadow: 0px 5px 20px rgba(25, 42, 65, 0.10) !important;
}

.elemen-default-accent-shadow {
  box-shadow: 0px 5px 20px rgba(212, 175, 55, 0.20) !important;
}


/* =========================
 کد امبد آپارات مخصوصا در موبایل
============================ */
/* Aparat-wrapper */
body .aparat-wrapper {
  position: relative !important;
  width: 100% !important;
  min-height: 250px !important;
  overflow: hidden !important;
}

/* Aparat-wrapper موبایل */
@media (max-width: 768px) {
  body .aparat-wrapper {
    min-height: 220px !important;
  }
  body .default-section {
    padding: 10px !important;
  }
}

/* =========================
Styles for "Popups for WooCommerce: Add to Cart, Checkout & More" Plugin from WPFactory
============================ */
/* Wrapper */
body .ttt-pnwc-wrapper {
    direction: rtl !important;
    text-align: right !important;
    border-radius: 10px !important;
    overflow: hidden !important;       /* جلوگیری از بیرون زدن دکمه یا آیکون */
    padding: 25px !important;
}

/* Close Button – روی فرم سفید، سمت چپ */
body .ttt-pnwc-close {
    position: absolute !important;
    top: 10px !important;   /* فاصله از بالا فرم */
    left: 10px !important;/* فاصله از چپ فرم */
    right: auto !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background-color: transparent !important; 
	  color: #7d3c8c  !important;  
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    z-index: 9999 !important;
}

body .ttt-pnwc-close::before {
    content: '×' !important;
    color: #777777 !important;
    font-size: 40px !important;
  	font-weight: normal !important;
    line-height: 1 !important;
}

/*   Notice Container – فاصله برای آیکون */
body .ttt-pnwc-notice {
    position: relative !important;   
    display: flex !important;
    align-items: flex-start !important;
    padding-right: 30px !important; 
    min-height: 50px !important;    
}

body .ttt-pnwc-notice .ttt-pnwc-message {
    padding-right: 50px !important; 
}

/* آیکون‌های پیام – کلاس پایه
   فقط موقعیت و اندازه را مشخص می‌کند */
body .ttt-pnwc-notice-icon {
    position: absolute !important;
    top: 15px !important;       /* بالای متن */
    right: 15px !important;     /* فاصله از سمت راست پیام */
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    color: #fff !important;
    z-index: 10 !important;
}

body .ttt-pnwc-notice-icon::before,
body .ttt-pnwc-close::before {
    position: relative !important;
    top: 2px; /* اگر لازم بود -2px تست کن */
}


/* رنگ و محتوا بر اساس نوع پیام
*/
/* Success – تیک سبز */
body .ttt-pnwc-notice.success .ttt-pnwc-notice-icon {
    background-color: #28a745 !important;
}
body .ttt-pnwc-notice.success .ttt-pnwc-notice-icon::before {
    content: "✔" !important;
}

/* Info – دایره آبی با i */
body .ttt-pnwc-notice.info .ttt-pnwc-notice-icon {
    background-color: #2563EB !important;
}
body .ttt-pnwc-notice.info .ttt-pnwc-notice-icon::before {
    content: "i" !important;
    font-weight: bold !important;
}

/* Error – ضربدر قرمز */
body .ttt-pnwc-notice.error .ttt-pnwc-notice-icon {
    background-color: #dc3545 !important;
}
body .ttt-pnwc-notice.error .ttt-pnwc-notice-icon::before {
    content: "✖" !important;
}

/* Warning – مثلث نارنجی */
body .ttt-pnwc-notice.warning .ttt-pnwc-notice-icon {
    background-color: #ffc107 !important;
}
body .ttt-pnwc-notice.warning .ttt-pnwc-notice-icon::before {
    content: "!" !important;
    font-weight: bold !important;
}

/* متن پیام */
body .ttt-pnwc-message {
    line-height: 2 !important;
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Button – وسط چین + متن وسط */
body .ttt-pnwc-content a.button.wc-forward {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 20px auto 5px auto !important;
    background-color: #7d3c8c !important;
    color: #ffffff !important;
    padding: 10px 25px !important;
    border-radius: 8px !important;
    width: auto !important;       /* خود دکمه اندازه متن */
    text-decoration: none !important;
    text-align: center !important; /* متن وسط */
    float: none !important;
}

/* Responsive – موبایل
   آیکون بالای متن، بدون تغییر عرض پیام و دکمه */
@media (max-width: 768px) {
    /* پیام */
    body .ttt-pnwc-notice {
        flex-direction: column !important; /* ستون عمودی */
        align-items: center !important;    /* وسط چین کل محتوا */
        padding-right: 0 !important;       /* حذف فاصله سمت راست */
        text-align: center !important;     /* متن وسط */
    }

    /* آیکون پیام */
    body .ttt-pnwc-notice .ttt-pnwc-notice-icon {
        position: relative !important;
        margin: 0 0 10px 0 !important;      /* فاصله پایین از متن */
        top: auto !important;
        right: auto !important;
    }

    /* دکمه زیر متن */
    body .ttt-pnwc-content a.button.wc-forward {
        margin: 10px auto !important; /* فاصله بالای دکمه از متن */
    }
}

@media (max-width: 768px) {
    body .ttt-pnwc-notice .ttt-pnwc-message {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
        width: 100% !important;      /* عرض کامل فرم */
        box-sizing: border-box !important; /* تضمین فاصله از حاشیه */
    }
}


/* =========================================================
   بهینه‌سازی جدول محصولات سبد خرید (ووکامرس)
   در صفحه سبد خرید
========================================================= */

/* --- استایل‌های عمومی (اعمال روی موبایل و دسکتاپ) --- */
.woocommerce-cart-form .product-name .ywmmq-icon,
.woocommerce-cart-form td.product-name i,
.woocommerce-cart-form td.product-name .ywmmq-correct {
    display: none !important;
}

.woocommerce-cart-form dl.variation dd p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   حالت دسکتاپ و تبلت (بزرگتر از 768 پیکسل) 
========================================================= */
@media (min-width: 769px) {
    .woocommerce-cart-form__cart-item .product-name a {
        font-size: 14px !important;
        display: block !important;
        text-align: right !important;
    }

    .woocommerce-cart-form__cart-item .product-name dl.variation {
        display: block !important;
        margin: 8px 0 5px 0 !important;
        overflow: hidden !important;
    }

    .woocommerce-cart-form__cart-item dl.variation dt,
    .woocommerce-cart-form__cart-item dl.variation dd {
        line-height: 1.2 !important;
        float: right !important;
        font-size: 12px !important;
        padding: 0 0 4px 0 !important;
    }

    .woocommerce-cart-form__cart-item .product-name dl.variation dt {
        clear: right !important;
        font-weight: 600 !important;
        margin: 0 !important;
    }

    .woocommerce-cart-form__cart-item .product-name dl.variation dd {
        font-weight: normal !important;
        margin: 0 5px 0 0 !important;
    }
}

/* =========================================================
   حالت موبایل و تبلت‌های کوچک (کوچکتر یا مساوی 768 پیکسل) 
========================================================= */
@media (max-width: 768px) {
    
    .woocommerce-cart .woocommerce {
        display: flex;
        flex-direction: column;
    }

    /* --- کانتینر اصلی فرم سبد خرید (ادغام شده) --- */
    .woocommerce-cart-form {
        display: flow-root !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        float: none !important;
        margin-bottom: 40px !important;
        padding-bottom: 25px !important;
        clear: both !important;
        overflow: visible !important;
        overflow-x: hidden !important;
        order: 1 !important;
    }

    /* --- رفع مشکل بیرون زدگی با یکپارچه کردن ساختار Block --- */
    .woocommerce-cart-form table.shop_table,
    .woocommerce-cart-form table.shop_table tbody,
    .woocommerce-cart-form table.shop_table tfoot {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        clear: both !important; 
    }
    
    .woocommerce-cart-form table.shop_table {
        margin-bottom: 0 !important;
    }

    /* --- عناصر مخفی --- */
    .woocommerce-cart-form table.shop_table thead,
    .woocommerce-cart-form td.product-name::before {
        display: none !important;
    }

    /* --- عکس محصول --- */
    .woocommerce-cart-form .product-thumbnail {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        border-bottom: 1px solid #e0e0e0 !important;
        padding-bottom: 15px !important;
        margin-bottom: 10px !important;
    }

    .woocommerce-cart-form .product-thumbnail img {
        display: block !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 400px !important;
        height: auto !important;
    }

    /* --- کارت محصول --- */
    .woocommerce-cart-form tr.cart_item {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
        border: 1px solid #dcdcdc !important; 
        border-radius: 10px !important;
        padding: 15px !important;
        margin-bottom: 18px !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
        clear: both !important; 
    }

    /* --- سلول‌های جدول --- */
    .woocommerce-cart-form table.shop_table tbody td,
    .woocommerce-cart-form tr.cart_item td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: transparent !important;
        border: none !important;
        padding: 10px 0 !important;
        float: none !important; 
    }

    .woocommerce-cart-form tr.cart_item td.product-price,
    .woocommerce-cart-form tr.cart_item td.product-quantity {
        border-bottom: 1px solid #e0e0e0 !important;
    }

    /* --- دکمه حذف (سطل زباله) --- */
    .woocommerce-cart-form td.product-remove {
        position: absolute !important;
        top: 15px !important;
        left: 15px !important;
        right: auto !important; 
        z-index: 10 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        text-align: left !important;
        direction: ltr !important;
    }

    .woocommerce-cart-form .product-remove a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        box-sizing: border-box !important;
        font-size: 18px !important;
        color: #999 !important;
        background: #f1f1f1 !important;
        text-decoration: none !important;
        border-radius: 8px !important;
        line-height: 1 !important;
        padding: 0 !important;
    }

    .woocommerce-cart-form .product-remove a:hover {
        color: #e53935 !important;
        background: #ffe7e7 !important;
    }

    /* --- نام و متغیرهای محصول --- */
    .woocommerce-cart-form td.product-name {
        text-align: right !important;
        direction: rtl !important;
        padding-top: 0 !important;
    }

    .woocommerce-cart-form td.product-name a {
        display: block !important;
        text-align: right !important;
        font-weight: 600 !important;
        margin-bottom: 6px !important;
        text-decoration: none !important;
        color: #333 !important;
        padding-left: 55px !important;
    }

    .woocommerce-cart-form td.product-name dl.variation {
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
        font-size: 13px !important;
        color: #666 !important;
    }

    .woocommerce-cart-form td.product-name dl.variation dt,
    .woocommerce-cart-form td.product-name dl.variation dd {
        display: inline !important;
        margin: 0 !important;
    }

    .woocommerce-cart-form td.product-name dl.variation dt {
        margin-left: 4px !important;
        font-weight: 500 !important;
    }

    .woocommerce-cart-form td.product-name dl.variation dd::after {
        content: "" !important;
        display: block !important;
        margin-bottom: 4px !important;
    }

    /* --- ساختار منعطف (قیمت، تعداد، جمع کل) --- */
    .woocommerce-cart-form td.product-price,
    .woocommerce-cart-form td.product-quantity,
    .woocommerce-cart-form td.product-subtotal {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .woocommerce-cart-form td.product-price::before,
    .woocommerce-cart-form td.product-quantity::before,
    .woocommerce-cart-form td.product-subtotal::before {
        content: attr(data-title) !important;
        font-weight: 600 !important;
    }

    .woocommerce-cart-form td.product-price::before,
    .woocommerce-cart-form td.product-quantity::before {
        color: #555 !important;
    }

    .woocommerce-cart-form td.product-quantity {
        flex-direction: row !important;
        direction: rtl !important;
    }

    .woocommerce-cart-form td.product-quantity .quantity {
        display: inline-flex !important;
        margin: 0 auto 0 0 !important; 
        width: auto !important;
    }

    .woocommerce-cart-form td.product-subtotal {
        font-weight: 700 !important;
        padding-bottom: 0 !important;
    }

    .woocommerce-cart-form td.product-subtotal::before {
        color: #333 !important;
    }

    /* --- بخش کوپن و دکمه‌ها --- */
    .woocommerce-cart-form tr.actions,
    .woocommerce-cart-form td.actions {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 15px !important;
        background: #f9f9f9 !important;
        border-radius: 10px !important;
        margin-top: 15px !important;
    }

    .woocommerce-cart-form .actions .coupon {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .woocommerce-cart-form .actions .coupon input.input-text,
    .woocommerce-cart-form .actions .coupon .button,
    .woocommerce-cart-form .actions > .button {
        flex: 1 1 auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* --- کانتینر مجموع کل سبد خرید --- */
    .cart-collaterals {
        position: relative !important; 
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin-top: 0 !important; 
        clear: both !important;
        order: 2 !important;
    }

    /* حذف حاشیه پایینی فقط از دکمه حذف */
    form.woocommerce-cart-form table.shop_table.cart td.product-remove {
        border-bottom: none !important;
    }        
}


/* =========================
استایل دهی به دکمه های پرداخت و سبد خرید
در ویجت سبد خرید کانواسی در هدر
============================ */
/* --- دکمه مشاهده سبد خرید (View Cart) - بنفش کمرنگ --- */
body .elementor-menu-cart__footer-buttons a.elementor-button.elementor-button--view-cart {
    background-color: #F3E8FF !important; /* رنگ بنفش کمرنگ دلخواه شما */
    color: var(--e-global-color-primary) !important; /* رنگ متن دکمه سبد خرید */
    border-color: #F3E8FF !important;
}

/* حالت هاور دکمه مشاهده سبد خرید */
body .elementor-menu-cart__footer-buttons a.elementor-button.elementor-button--view-cart:hover {
    background-color: #A855F7 !important; /* رنگ هاور بنفش کمرنگ */
    color: #ffffff !important;
    border-color: #A855F7 !important;
}

/* --- دکمه تسویه حساب (Checkout) - نارنجی --- */
body .elementor-menu-cart__footer-buttons a.elementor-button.elementor-button--checkout {
    background-color: #F97316 !important; /* رنگ نارنجی دلخواه شما */
    color: #ffffff !important; /* رنگ متن دکمه پرداخت */
    border-color: #F97316 !important;
}

/* حالت هاور دکمه تسویه حساب */
body .elementor-menu-cart__footer-buttons a.elementor-button.elementor-button--checkout:hover {
    background-color: #EA580C !important; /* رنگ هاور نارنجی */
    color: #ffffff !important;
    border-color: #EA580C !important;
}



/* =========================
تبدیل حالت کشویی ویجت اسمارت فیلتر به آکاردئونی
============================ */
.jet-filter-items-dropdown__body {
    position: relative !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    margin-top: 10px !important;
    z-index: 1 !important;
}
/* ۱. حذف حاشیه و پس‌زمینه از عنوان فیلتر */
.jet-filter-items-dropdown__label {
    border: none !important;
    background: transparent !important;
    /* اگر پس‌زمینه خاصی داشتید اینجا می‌توانید transparent را تغییر دهید */
}

/* ۲. اضافه کردن حاشیه به باکس اصلی دربرگیرنده (که هم عنوان و هم گزینه‌ها را شامل می‌شود) */
.jet-filter-items-dropdown {
    border: 1px solid #ececec; /* رنگ و ضخامت حاشیه را به دلخواه تغییر دهید */
    border-radius: 0px; /* میزان گردی گوشه‌ها */
    padding: 5px; /* فاصله داخلی تا حاشیه */
    background-color: #ffffff; /* رنگ پس‌زمینه کل باکس */
    transition: all 0.3s ease;
}

/* تنظیمات بدنه آکاردئون (بدون خط جداکننده) */
.jet-filter-items-dropdown__body {
    position: relative !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important; /* این خط مطمئن می‌شود که هیچ حاشیه‌ای وجود ندارد */
    margin-top: 5px !important;
    padding-top: 10px !important; /* فاصله محتوا از عنوان */
    z-index: 1 !important;
}

/* تنظیم باکس اصلی عنوان و کشیدن متن به سمت راست */
.jet-filter-items-dropdown__label {
    position: relative !important;
    display: block !important;
    text-align: right !important; /* راست‌چین کردن متن */
    padding-left: 35px !important; /* حفظ فضای خالی برای فلش در سمت چپ */
    
    /* اضافه کردن این دو خط برای حل مشکل فاصله متن: */
    padding-right: 15px !important; /* تنظیم فاصله دلخواه از لبه سمت راست */
    margin-right: 0 !important; /* حذف فاصله‌های اضافی پیش‌فرض افزونه */
}

/* هدف قرار دادن فلشی که با کدهای مخفی CSS ساخته شده و انتقال آن به چپ */
.jet-filter-items-dropdown__label::after,
.jet-filter-items-dropdown__label::before {
    position: absolute !important;
    left: 15px !important; /* چسباندن فلش به انتهای چپ */
    right: auto !important; /* لغو هرگونه تنظیمات قبلی برای سمت راست */
    top: 50% !important;
    transform: translateY(-50%) !important; /* وسط‌چین کردن دقیق عمودی */
    margin: 0 !important;
}


/* ========================
مخفی سازی ویجت اسمارت فیلتر "با حالت کشویی"، در صورت خالی بودن  گزینه های فیلتر یا مخفی شدن گزینه ها توسط Indexer
فقط در سایت زنده و در حال اجرا خذف می شوند.
============================ */
/* ۱. مخفی کردن فیلترهای کشویی که اصلاً هیچ گزینه‌ای ندارند (فقط در سایت زنده) */
body:not(.elementor-editor-active) .elementor-widget[data-widget_type^="jet-smart-filters-"]:has(.jet-filter-items-dropdown):not(:has(.jet-filter-row)) {
    display: none !important;
}

/* ۲. مخفی کردن فیلترهای کشویی که همه گزینه‌هایشان توسط ایندکسر مخفی شده (فقط در سایت زنده) */
body:not(.elementor-editor-active) .elementor-widget[data-widget_type^="jet-smart-filters-"]:has(.jet-filter-items-dropdown):has(.jet-filter-row):not(:has(.jet-filter-row:not(.jet-filter-row-hide))) {
    display: none !important;
}

/* ۳. مخفی کردن پیام خالی پیش‌فرض افزونه جت (فقط در سایت زنده) */
body:not(.elementor-editor-active) .elementor-widget[data-widget_type^="jet-smart-filters-"]:has(.jet-smart-filters-empty) {
    display: none !important;
}

/* =========================
استایل دهی به ویجت Active Filters
============================ */
/* استایل کلی کادر هر فیلتر فعال (شکل برچسب) */
.jet-active-filter {
    display: inline-flex !important;
    align-items: center !important; /* وسط‌چین کردن عمودی متن و ضربدر */
    background-color: #f5f7fa; /* رنگ پس‌زمینه ملایم */
    border: 1px solid #e4e7eb; /* حاشیه ظریف */
    border-radius: 50px; /* گرد کردن کامل گوشه‌ها */
    padding: 6px 15px !important; /* فاصله داخلی کادر */
    margin: 5px; /* فاصله برچسب‌ها از یکدیگر */
    transition: all 0.3s ease;
    position: relative; /* جلوگیری از به هم ریختگی فرزندان */
}

/* استایل متن داخل فیلتر */
.jet-active-filter__val {
    font-size: 13px;
    font-weight: 500;
    color: #4a4a4a;
    margin-left: 12px !important; /* ایجاد فاصله بین متن و ضربدر (مخصوص سایت‌های راست‌چین) */
    line-height: 1.5;
}

/* اصلاح موقعیت و بزرگ کردن دکمه ضربدر */
.jet-active-filter__remove {
    position: static !important; /* غیرفعال کردن موقعیت مطلق پیش‌فرض افزونه که باعث چسبیدن به حاشیه می‌شد */
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important; /* حذف فاصله‌های پیش‌فرض مزاحم */
    padding: 0 !important;
    font-size: 22px !important; /* بزرگ کردن سایز ضربدر */
    line-height: 1 !important;
    color: #ff5252; /* رنگ قرمز برای ضربدر */
    cursor: pointer;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, color 0.2s ease;
}

/* افکت جذاب هنگام رفتن موس روی دکمه ضربدر */
.jet-active-filter__remove:hover {
    color: #d32f2f; /* تیره‌تر شدن رنگ ضربدر */
    transform: scale(1.3); /* کمی بزرگ‌تر شدن ضربدر */
}

/* افکت هنگام رفتن موس روی کل برچسب */
.jet-active-filter:hover {
    background-color: #fff0f0; /* تغییر رنگ پس‌زمینه به قرمز بسیار روشن */
    border-color: #ffbaba;
}

/* تنظیم ظاهر عنوان "فیلترهای فعال:" (در صورت نیاز) */

.jet-active-filters__title {
    font-weight: bold;
    margin-left: 10px;
    color: #333;
    font-size: 14px;
    margin-top: 8px; /* یا 10px بسته به فونت شما */
}

/* =========================
استایل دهی به ویجت Sorting Filters 
============================ */
/* تنظیمات اصلی کادر انتخاب */
.elementor-widget-jet-smart-filters-sorting select {
    width: 100%;
    /*min-width: 200px;*/
    padding: 12px 15px 12px 45px !important; /* فاصله 45 پیکسلی از سمت چپ برای فلش */
    border-radius: 10px !important; /* گرد کردن گوشه‌ها */
    border: 1px solid #e0e0e0 !important; /* رنگ و ضخامت حاشیه */
    background-color: #ffffff; /* رنگ پس‌زمینه */
    color: #444444; /* رنگ متن */
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03); /* یک سایه خیلی نرم */
    transition: all 0.3s ease;
    
    /* حذف فلش پیش‌فرض مرورگر */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    
    /* قرار دادن فلش سفارشی سمت چپ (برای سایت فارسی) */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23888888%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center; /* فاصله فلش از سمت چپ */
    background-size: 12px; /* اندازه فلش */
}

/* تغییر رنگ حاشیه هنگام رفتن ماوس روی فیلتر */
.elementor-widget-jet-smart-filters-sorting select:hover {
    border-color: #b3b3b3 !important;
}

/* تغییر رنگ حاشیه هنگام کلیک روی فیلتر */
.elementor-widget-jet-smart-filters-sorting select:focus {
    border-color: #007cba !important; /* میتوانید کد رنگ سایت خودتان را جایگزین کنید */
    outline: none;
}

/* ==========================================
 استایل دکمه‌های + و - و باکس تعداد
 برای انتخاب تعداد محصول در ویجت اضافه به سبد در صقحه تکی محصول
 و همچنین کم و زیاد کردن تعداد محصول در صفحه سبد خرید
 
 توضیح اینکه تبدیل + و - به دکمه توسط کد در کد پی اج پی انجام شده است
========================================== */

/* استایل‌دهی کانتینر تعداد (Quantity) */
.woocommerce .quantity {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* استایل فیلد ورودی عدد */
.woocommerce .quantity .qty {
    padding: 0 !important; 
    width: 35px !important;
    height: 40px !important;
    text-align: center !important;
    -moz-appearance: textfield !important; /* حذف فلش‌های پیش‌فرض فایرفاکس */
    border: 1px solid #ccc !important;
    margin: 0 5px !important;
    border-radius: 4px !important;
    font-size: 14px !important; /* سایز فونت 12 */
    font-weight: bold !important; /* فونت بولد */    
}

/* حذف فلش‌های پیش‌فرض کروم/سافاری */
.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* استایل دکمه‌های + و - سفارشی (اصلاح شده برای قفل شدن روی 25 پیکسل) */
.woocommerce .quantity .plus,
.woocommerce .quantity .minus {
    width: 25px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    height: 40px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 18px !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover {
    background-color: #e0e0e0 !important;
}

/* =========================
   استایل دهی به
   Single Add to Cart Widget
============================ */

/* --- تنظیمات جدول ویژگی‌های محصول (سواچ‌ها) --- */
table.variations,
table.variations tbody {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    border: none !important;
    margin-bottom: 0 !important; /* حذف حاشیه پایین جدول برای کاهش فاصله با قیمت */
}

table.variations tr {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important; /* جلوگیری از شکستن خط */
    gap: 0 !important;
    border: none !important;
}

table.variations th,
table.variations td {
    padding: 0 !important;
    border: none !important;
}

/* حذف پدینگ آخرین ردیف که دکمه پاک کردن در آن است */
table.variations tbody tr:last-child td,
table.variations tbody tr:last-child th {
    padding-bottom: 0 !important;
}

table.variations th {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    width: auto !important;
    text-align: right !important;
}

table.variations th label {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold !important;
}

/* مقدار انتخابی روبروی لیبل */
table.variations th span {
    display: inline-block !important;
    margin-right: 5px !important;
    color: #743089 !important;
    font-weight : bold !important;
}

/* --- دکمه لغو ویژگی‌ها (پاک کردن) --- */
a.reset_variations {
    display: inline-block !important;
    margin-top: 15px !important;    /* فاصله متعادل از سواچ‌ها در بالا */
    margin-bottom: 0 !important;     /* صفر کردن فاصله پایین برای رفع فضای خالی اضافی تا قیمت */
    padding: 5px 10px 5px 10px !important;         /* پدینگ اضافه شده */    
    line-height: 1 !important;
}

/* --- کانتینر اصلی و اصلاح فواصل قیمت/موجودی --- */
.single_variation_wrap {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 0 !important; /* حذف حاشیه اضافی از بالا */
    gap: 15px !important;     /* فاصله منطقی بین بخش قیمت و ردیف دکمه‌های خرید */
}

/* کانتینر دربرگیرنده قیمت و موجودی متغیر */
.single_variation_wrap .woocommerce-variation {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 10px !important; /* ایجاد یک فاصله منظم بین قیمت و متن موجودی */
}

/* حذف فواصل پیش‌فرض تگ‌های داخلی (مانند تگ p در موجودی) */
.woocommerce-variation > div,
.woocommerce-variation p {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-variation-price p.price {
    line-height: 1 !important;
}

/* --- تنظیمات ردیف دکمه‌های سبد خرید --- */
.woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important; /* فاصله بین دکمه تعداد و دکمه افزودن به سبد */
}

/* دکمه افزودن به سبد خرید */
.woocommerce-variation-add-to-cart button.single_add_to_cart_button {
    margin: 0 !important;
    height: 40px !important; /* هم‌تراز کردن ارتفاع */
}

/* چپ‌چین کردن قیمت در فرم متغیرها */
.woocommerce-variation-price,
.jet-woo-builder-single-price {
    text-align: left !important;
    width: 100% !important;
}

/* --- ریسپانسیو (تبلت و موبایل) --- */
@media (max-width: 1024px) {
    table.variations th.label {
        display: flex !important;
        align-items: baseline !important; /* تراز کردن بر اساس خطِ زیرین متن */
        flex-wrap: wrap !important;
    }

    /* حذف مارجین و پدینگ‌های پیش‌فرض که باعث اختلاف ارتفاع می‌شوند */
    table.variations th.label label,
    table.variations th.label .woo-selected-variation-item-name {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.5 !important; /* یکسان‌سازی ارتفاع خطوط */
    }
}

/* =========================
   استایل دهی به بخش سواچزهای صفحه محصول 
   به طوریکه نام متغیر رنگ در کنار مربع رنگ دیده بشه
============================ */
/* ۱. استایل ثابت برای مستطیل */
form.cart .variations ul.variable-items-wrapper li.color-variable-item {
    width: max-content !important; 
    min-width: 0 !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important; 
    padding: 4px 8px !important; /* تغییر به ۸ پیکسل برای راست و چپ */
    border-radius: 6px !important;
    background: #f8f8f8 !important;
    border: 1px solid #ddd !important;
    position: relative !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* ۲. حالت انتخاب شده */
form.cart .variations ul.variable-items-wrapper li.color-variable-item.selected {
    padding: 4px 8px !important; /* حفظ دقیق پدینگ متقارن */
    border: 1px solid #743089 !important;
    box-shadow: 0 0 0 1px #743089 !important; 
}

/* ۳. حذف فواصل پیش‌فرض کانتینر داخلی افزونه */
form.cart .variations ul.variable-items-wrapper li.color-variable-item .variable-item-contents {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: block !important;
}

/* ۴. حفظ ابعاد مربع رنگی */
form.cart .variations ul.variable-items-wrapper li.color-variable-item .variable-item-span-color {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 4px !important;
    margin: 0 !important;
    display: block !important;
}

/* ۵. فراخوانی نام رنگ (دقیقاً بر اساس HTML شما) */
form.cart .variations ul.variable-items-wrapper li.color-variable-item::after {
    content: attr(title) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #333 !important;
    line-height: 1 !important;
    white-space: nowrap !important; /* جلوگیری از شکستن خط و ایجاد فضای خالی */
}

/* ۶. اصلاح سایز و جایگاه علامت تیک */
form.cart .variations ul.variable-items-wrapper li.color-variable-item.selected::before {
    width: 24px !important;
    height: 24px !important;
    top: 4px !important;
    right: 8px !important; /* تغییر به ۸ پیکسل تا دقیقاً روی مربع رنگ بیفتد */
    left: auto !important;
    bottom: auto !important;
    border-radius: 4px !important;
    background-size: 14px !important;
    background-position: center !important;
    margin: 0 !important;
}


/* ================================================= */
 استایل قیمت محصول ساده که با پی اچ پی اضافه میشه در ویجت
 Single Add To Cart - JetWooBuilder
/* ================================================= */
/* کانتینر اصلی قیمت */
.my-php-simple-price-wrapper {
    display: block !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

/* --- تنظیمات پایه (دسکتاپ) --- */
.my-php-simple-price-wrapper del {
    font-size: 14px !important;
    font-weight: 400;
    color: #777777;
    text-decoration: line-through !important;
    margin-left: 0px;
}
.my-php-simple-price-wrapper del .amount,
.my-php-simple-price-wrapper del bdi {
    font-size: inherit !important;
    text-decoration: none !important;
}
.my-php-simple-price-wrapper ins .amount,
.my-php-simple-price-wrapper > .amount {
    font-size: 20px !important;
    font-weight: 600;
    color: #111111;
}
.my-php-simple-price-wrapper ins {
    text-decoration: none !important; 
}


.my-php-simple-price-wrapper {
    text-align: left !important; /* چپ‌چین کردن */
}

.my-php-simple-price-wrapper {
    margin-bottom: 15px !important;
}

/* دسکتاپ: سایز واحد پول */
.my-php-simple-price-wrapper .woocommerce-Price-currencySymbol {
    font-size: 14px !important;
    font-weight: 400; /* در صورت نیاز به نازک‌تر بودن نسبت به عدد */
    margin-right: 0px; /* فاصله کوتاه بین عدد و کلمه تومان */
}

/* --- تنظیمات تبلت (حداکثر 1024px) --- */
@media (max-width: 1024px) {
    .my-php-simple-price-wrapper del {
        font-size: 13px !important;
    }
    .my-php-simple-price-wrapper ins .amount,
    .my-php-simple-price-wrapper > .amount {
        font-size: 18px !important;
    }
    .my-php-simple-price-wrapper .woocommerce-Price-currencySymbol { 
        font-size: 13px !important; 
    }    
}

/* --- تنظیمات موبایل (حداکثر 767px) --- */
@media (max-width: 767px) {
    .my-php-simple-price-wrapper del {
        font-size: 12px !important;
    }
    .my-php-simple-price-wrapper ins .amount,
    .my-php-simple-price-wrapper > .amount {
        font-size: 16px !important;
    }
    .my-php-simple-price-wrapper .woocommerce-Price-currencySymbol { 
        font-size: 12px !important; 
    }    
}

/*  ایجاد فاصله عمودی مناسب بین سواچزهای یک متغیر  */
ul.variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    row-gap: 5px !important; /* فاصله عمودی بین ردیف‌ها */
}


/* =========================
تبدیل بندانگشتی های تصویر محصول در صفحه محصول تکی از حالت اسلایدر به 
حالت گرید.
مشخص کردن بند انگشتی انتخاب شده با رنگ حاشیه متمایز
============================ */
/* ۱. تبدیل کانتینر بندانگشتی‌ها به گرید و لغو حرکت اسلایدر */
.jet-gallery-swiper-thumb .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* تعداد ستون‌ها: ۴ */
    gap: 10px !important; /* فاصله بین بندانگشتی‌ها */
    transform: none !important; /* لغو استایل‌های اسلایدر */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ۲. تنظیم ابعاد و لغو عرض‌های خطی (Inline) افزونه روی هر عکس */
.jet-gallery-swiper-thumb .swiper-slide {
    width: 100% !important;
    margin: 0 !important; /* حذف فواصل پیش‌فرض اسلایدر */
    height: auto !important;
    opacity: 1 !important; /* اطمینان از نمایش تمام عکس‌ها */
    pointer-events: auto !important;
    border: 2px solid transparent !important;
    border-radius: 5px !important;
}

/* ۳. مخفی کردن فلش‌های چپ و راست در بخش بندانگشتی‌ها */
.jet-gallery-swiper-thumb .jet-thumb-swiper-nav {
    display: none !important;
}

/* استایل بندانگشتی فعال (در حال نمایش) */
.jet-gallery-swiper-thumb .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid var(--e-global-color-primary) !important;
    box-sizing: border-box !important;
    border-radius: 5px !important; /* در صورت نیاز به گوشه‌های گرد، این عدد را تغییر دهید */
}


/* =========================
استایل دهی به آکاردئون حاوی مشخصات محصول در صفحه سینگل محصول، برای اینکه هر بخش دقیقا زیر هدر آکاردئون باز بشه
============================ */

/* این کد تمام بخش‌هایی که دارای ID هستند را اصلاح می‌کند */
/* صصری که هم کلاس و هم آیدی دارد */
.products-attribute-accordion [id] {
    scroll-margin-top: 180px !important; 
}



/*================================
استایل برای نمایش فیلدهای جت انجین راهنمای سایز در صفحه تکی محصول
نمایش فیلد repeater در پی اچ پی انجام شده است 
و در شورتکد نمایش داده می شود.
================================== */
/* عرض کامل برای کانتینر اصلی (دسکتاپ) */
.product-size-guide {
    width: 100%;
    background-color: #F5F5F5;
    border-radius: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    /* اعمال تنظیمات تایپوگرافی گلوبال متن المنتور */
    font-size: var(--e-global-typography-text-font-size);
    font-family: var(--e-global-typography-text-font-family);
    font-weight: var(--e-global-typography-text-font-weight);
}

/* استایل ردیف‌ها */
.product-size-guide__item {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    position: relative;
    list-style: none;
    width: 100%;
}

/* خطوط جداکننده */
.product-size-guide__item:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 20px;
    left: 20px;
    height: 1px;
    background-color: rgba(0,0,0,0.08);
}

.product-size-guide__size {
    flex: 0 0 150px; 
    font-weight: bold;
    color: var(--e-global-color-text);
    line-height: 1.5; 
    white-space: normal; 
    word-break: break-word; 
    padding-left: 10px; 
    text-align: center; /* این خط اضافه شد */
}


/* مخفی کردن کاراکتر : */
.product-size-guide__sep {
    display: none;
}

/* ستون توضیحات (مقادیر) */
.product-size-guide__values {
    flex: 1;
    color: var(--e-global-color-text);
    line-height: 1.6;
}

/* --- استایل‌های تبلت --- */
@media (max-width: 1024px) and (min-width: 768px) {
    .product-size-guide__item {
        padding: 12px 18px;
    }

    .product-size-guide__item:not(:last-child)::after {
        right: 18px;
        left: 18px;
    }

    .product-size-guide__size {
        flex: 0 0 90px;
    }
}

/* --- استایل‌های موبایل --- */
@media (max-width: 767px) {
    .product-size-guide__item {
        padding: 10px 15px;
    }

    .product-size-guide__item:not(:last-child)::after {
        right: 15px;
        left: 15px;
    }

    .product-size-guide__size {
        flex: 0 0 80px;
    }
    
}


/*================================
بهینه سازی شورتکد نمایش گرید 4 در 4 خلاصه ویژگی های کالا در صفحه محصول تکی
================================== */
/* --- ساختار گرید (دسکتاپ) --- */
.mycss-2x2-attributes-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px;
    width: 100% !important;
}
.mycss-2x2-attribute-item {
    width: 100% !important;
}


/* --- تنظیمات سلول --- */
.mycss-2x2-attributes-cell {
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 15px; /* پدینگ بیشتر برای تنفس بهتر محتوا */
    text-align: right;
    display: flex;
    flex-direction: column; /* کنترل دقیق‌تر فاصله بین دو المان */
    justify-content: center;
}

/* --- عنوان ویژگی --- */
.mycss-2x2-attributes-label {
    font-size: 13px;
    color: #777;
    margin-bottom: 8px; /* افزایش فاصله بین نام و مقدار */
    line-height: 1.4;
}

/* --- مقدار ویژگی --- */
.mycss-2x2-attributes-value {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    line-height: 1.5;
    word-break: break-word; /* جلوگیری از بیرون زدن متن‌های طولانی */
}

/*   رسپانسیو: تبلت (حداکثر عرض 768px)  */
@media (max-width: 768px) {
    .mycss-2x2-attributes-cell {
        padding: 12px;
    }
    
    .mycss-2x2-attributes-label {
        font-size: 12px;
        margin-bottom: 6px;
    }
    
    .mycss-2x2-attributes-value {
        font-size: 13px;
    }
}

/*   رسپانسیو: موبایل (حداکثر عرض 480px)  */
@media (max-width: 480px) {
    .mycss-2x2-attributes-grid {
        gap: 8px;
        /* اگر در موبایل فضای کافی برای ۲ ستون نبود، خط زیر را از کامنت خارج کنید تا تک‌ستونه شود: */
        /* grid-template-columns: 1fr; */
    }
    
    .mycss-2x2-attributes-cell {
        padding: 10px;
    }
    
    .mycss-2x2-attributes-label {
        font-size: 11px;
        margin-bottom: 4px;
    }
    
    .mycss-2x2-attributes-value {
        font-size: 12px;
    }
}


/*================================
کد استایل ویجت shortcod
حاوی عبارت [custom_product_attributes class="product-attributes-table-style"]
برای نمایش ویزگی های محصول طبق ترتیب دلخواه
در صفحه تکی محصول
================================== */
/* بدنه اصلی شورتکد */
.shortcode-product-attributes .product-attributes-table-style {
    display: block !important;
    width: 100% !important;
    background: #F5F5F5 !important; 
    border-radius: 10px !important; 
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* تنظیم ردیف‌ها */
.shortcode-product-attributes .product-attributes-table-style .attribute-row {
    display: flex !important;
    justify-content: flex-start !important; 
    align-items: center !important;
    position: relative !important;
    direction: rtl !important;
}

.shortcode-product-attributes .product-attributes-table-style .attribute-row:first-child { 
    padding-top: 15px !important; 
}

.shortcode-product-attributes .product-attributes-table-style .attribute-row:last-child { 
    padding-bottom: 15px !important; 
}

/* خطوط جداکننده بین ردیف‌ها */
.shortcode-product-attributes .product-attributes-table-style .attribute-row:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 20px !important;  
    left: 20px !important;   
    height: 1px !important;
    background-color: rgba(0,0,0,0.08) !important;
}

/* استایل لیبل (ستون سمت راست) */
.shortcode-product-attributes .product-attributes-table-style .attribute-label {
    flex: 0 0 200px !important; 
    width: 200px !important;
    padding: 10px 30px 10px 10px !important; 
    color: var(--e-global-color-text) !important; 
    font-family: var(--e-global-typography-text-font-family) !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: bold;
    text-align: right !important;
    line-height: 1.4 !important;
}

/* استایل مقادیر (ستون سمت چپ) */
.shortcode-product-attributes .product-attributes-table-style .attribute-value {
    flex: 1 !important;
    padding: 10px 15px 10px 30px !important;
    color: var(--e-global-color-text) !important;
    font-family: var(--e-global-typography-text-font-family) !important;
    text-align: right !important;
    line-height: 1.4 !important;
    font-style: normal !important;
    /*font-size: 16px !important;*/
    font-size: var(--e-global-typography-text-font-size) !important;
    
}

/* تنظیمات ریسپانسیو برای تبلت */
@media (max-width: 1024px) {
    .shortcode-product-attributes .product-attributes-table-style .attribute-label,
    .shortcode-product-attributes .product-attributes-table-style .attribute-value {
        /*font-size: 15px !important;*/
    }
}

/* تنظیمات ریسپانسیو برای موبایل */
@media (max-width: 767px) {
    .shortcode-product-attributes .product-attributes-table-style .attribute-label {
        flex: 0 0 120px !important; 
        width: 120px !important;
        padding-right: 15px !important; 
        /*font-size: 14px !important;*/
    }
    
    .shortcode-product-attributes .product-attributes-table-style .attribute-value {
        padding-right: 10px !important;
        padding-left: 15px !important;
        /*font-size: 14px !important;*/
    }
    
    .shortcode-product-attributes .product-attributes-table-style .attribute-row:not(:last-child)::after {
        right: 15px !important;
        left: 15px !important;
    }
}

/* هدف قرار دادن ظرف محتوای ویجت‌هایی که کلاس را دارند */
.ellipsis-after-two-lines .elementor-widget-container,
.ellipsis-after-two-lines .elementor-heading-title,
.ellipsis-after-two-lines .jet-listing-dynamic-field__content {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}



/*================================
ایجاد سه نقطه در انتهای متن، بعد از گذشت از چند خط مطلب 
مخصوص ویجت هدینگ
با کلاس
heading-ellipsis-after-one-lines
heading-ellipsis-after-two-lines
heading-ellipsis-after-three-lines
================================== */
/* 1 lines */
.elementor-widget-heading.heading-ellipsis-after-one-lines .elementor-heading-title,
.elementor-widget-heading.heading-ellipsis-after-one-lines .elementor-heading-title 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;
}

/* 2 lines */
.elementor-widget-heading.heading-ellipsis-after-two-lines .elementor-heading-title,
.elementor-widget-heading.heading-ellipsis-after-two-lines .elementor-heading-title a{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:normal !important;
}

/* 3 lines */
.elementor-widget-heading.heading-ellipsis-after-three-lines .elementor-heading-title,
.elementor-widget-heading.heading-ellipsis-after-three-lines .elementor-heading-title a{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:normal !important;
}

/*================================
ایجاد سه نقطه در انتهای متن، بعد از گذشت از 4 خط مطلب 
مخصوص ویجت تکست
با کلاس
text-ellipsis-after-two-lines
================================== */
/* 4 lines – Text / Excerpt */
.elementor-widget-text-editor.text-ellipsis-after-two-lines,
.elementor-widget-text-editor.text-ellipsis-after-two-lines p,
.text-ellipsis-after-two-lines {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}


/*================================
استایل برای شورتکد نمایش سوالات متداول
ACF Repeater
================================== */
.dynamic-repeater-faq .jet-listing-dynamic-repeater__items {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.dynamic-repeater-faq .jet-listing-dynamic-repeater__item {
    width: 100%;
    display: block;
}

.dynamic-repeater-faq details {
    display: block !important;
    width: 100% !important;
}

.dynamic-repeater-faq summary {
    display: list-item !important;
    width: 100% !important;
    line-height: 1.8 !important;
    padding-bottom: 0 !important; /* حذف فضای اضافی در حالت بسته */
    font-size: var(--e-global-typography-text-font-size) !important; /* سایز فونت متن المنتور */
    font-weight: bold !important; /* ضخامت بولد برای سوال */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.dynamic-repeater-faq summary::marker {
    color: var(--e-global-color-primary);
}

/* برای سازگاری با مرورگرهای مبتنی بر وب‌کیت (مثل سافاری) */
.dynamic-repeater-faq summary::-webkit-details-marker {
    color: var(--e-global-color-primary);
}

.dynamic-repeater-faq details p {
    margin-top: 15px !important; /* ایجاد فاصله با سوال فقط در حالت باز */
    line-height: 1.8 !important;
    clear: both !important;
    font-size: var(--e-global-typography-text-font-size) !important; /* سایز فونت متن المنتور */
    font-weight: normal !important; /* ضخامت نرمال برای پاسخ */
}



/*==================================================
   استایل جامع متون و تیترها در کلاس .post-content-style
   (سایزبندی + فاصله‌گذاری استاندارد دسکتاپ، تبلت، موبایل)
==================================================== */

/* ۱. تنظیمات کلی و وزن فونت تیترها */
.post-content-style h1,
.post-content-style h2,
.post-content-style h3,
.post-content-style h4 {
    font-weight: 700 !important;
    line-height: 1.4;
    /* ایجاد فاصله بالا و پایین استاندارد */
    margin-top: 25px !important; 
    margin-bottom: 12px !important;
    display: block;
}

/* ۲. حذف فاصله اضافی اگر تیتر اولین عنصر باشد */
.post-content-style h1:first-child,
.post-content-style h2:first-child,
.post-content-style h3:first-child,
.post-content-style h4:first-child {
    margin-top: 0 !important;
}

/* ۳. سایزهای دسکتاپ */
.post-content-style h1 { font-size: 24px; }
.post-content-style h2 { font-size: 20px; }
.post-content-style h3 { font-size: 18px; }
.post-content-style h4 { font-size: 16px; }

/* ۴. تنظیمات تبلت (کوچکتر از 1024px) */
@media (max-width: 1024px) {
    .post-content-style h1,
    .post-content-style h2,
    .post-content-style h3,
    .post-content-style h4 {
        margin-top: 22px !important;
        margin-bottom: 10px !important;
    }
    .post-content-style h1 { font-size: 20px; }
    .post-content-style h2 { font-size: 18px; }
    .post-content-style h3 { font-size: 16px; }
    .post-content-style h4 { font-size: 15px; }
}

/* ۵. تنظیمات موبایل (کوچکتر از 767px) */
@media (max-width: 767px) {
    .post-content-style h1,
    .post-content-style h2,
    .post-content-style h3,
    .post-content-style h4 {
        margin-top: 20px !important;
        margin-bottom: 8px !important;
    }
    .post-content-style h1 { font-size: 18px; }
    .post-content-style h2 { font-size: 16px; }
    .post-content-style h3 { font-size: 15px; }
    .post-content-style h4 { font-size: 14px; }
}

/* ۶. اصلاح فاصله متن/لیست بلافاصله بعد از تیتر (برای چسبیده به نظر رسیدن) */
.post-content-style h1 + p, 
.post-content-style h2 + p, 
.post-content-style h3 + p, 
.post-content-style h4 + p,
.post-content-style h1 + ul, 
.post-content-style h2 + ul, 
.post-content-style h3 + ul, 
.post-content-style h4 + ul {
    margin-top: 0 !important;
}


/*==================================================
  اضافه کردن فاصله در بعد از لیست بولت در ویجت های متن دارای کلاس 
  post-content-style
==================================================== */
.post-content-style ul, 
.post-content-style ol {
    margin-bottom: 20px !important; /* می‌توانید این عدد را بسته به نیاز خود تغییر دهید */
}



/*================================
برای حذف فاصله پایین ویجه سرچ المنتور
که در هدر استفاده شده است
================================== */

.bdt-search-container {
    display: flex;
    width: 100%;
    align-items: center;
}

/*================================
برای اینکه در وبجت سفارش های جت ووبلیدر که در حساب کاربری استفاده میشه، در حالت موبایل هنگامی که ردیف کد رهگیری خالیه ، صحیح نشون داده بشه
================================== */

@media (max-width: 768px){
    .woocommerce-orders-table td{
        position: relative;
        min-height: 40px;
    }
}


/*================================
برای اینکه در وبجت آدرس های جت ووبلیدر که در حساب کاربری استفاده میشه، تیتر آدرس ها و لینک ویرایش روی هم نیافتن و ویرایش برای تجربه بهتر کاربری سمت چپ بره
================================== */

/* اصلاح عنوان آدرس در صفحه آدرس‌های ووکامرس / JetWooBuilder - RTL */
.woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 15px;
    margin-bottom: 20px !important; /* فاصله از ویجت پایینی */
}

/* عنوان (آدرس صورتحساب / آدرس حمل و نقل) */
.woocommerce-Address-title h3 {
    margin: 0 !important;
}

/* لینک ویرایش */
.woocommerce-Address-title .edit {
    float: none !important;
    position: static !important;
    margin: 0 !important;
    white-space: nowrap;
    direction: rtl;
}

/* بهینه‌سازی برای موبایل */
@media (max-width: 480px){
    .woocommerce-Address-title {
        gap: 10px;
        margin-bottom: 15px !important;
    }
}



/*================================
حذف کلمه اختیاری از جلوی عنوان لیست کشویی آدرس ها (ویجت آدرس بوک ووکامرس) در صفحه تسویه حساب
چون لیست کشویی یک گزینه اضافه کردن آدرس جدید هم داره
================================== */
#billing_address_book_field .optional,
#shipping_address_book_field .optional {
    display: none !important;
}


/*================================
بهینه سازی استایل ویجت جزئیات سفارش (آدرس و ...) در فرم تسویه حساب
================================== */
/* تغییر دقیق فونت لیست های کشویی */
body .select2-container,
body .select2-container *,
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
    font-size: 14px !important;
}

/* تنظیم موقعیت فلش لیست کشویی */
body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0 !important;
    bottom: 0 !important;
    left: 8px !important; /* این عدد را برای تنظیم فاصله از سمت چپ تغییر دهید */
    right: auto !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

/* لغو استایل‌های پیش‌فرض خود فلش برای وسط‌چین شدن دقیق */
body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: static !important;
    margin: 0 !important;
}


/*================================
بهینه سازی استایل ویجت دفترچه تلفن ووکامرس در فرم آدرس های حساب کاربری
================================== */

/* تیترها */
body.woocommerce-account .address_book header h3,
body.woocommerce-account .wc-address-book-address header.title h3,
body.woocommerce-edit-address .woocommerce-MyAccount-content > h3 {
    font-size: 18px !important;
}

/* دکمه‌ها (حالت عادی) */
body.woocommerce-account .address_book .button {
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    color: var(--e-global-color-primary) !important; 
}

/* دکمه‌ها (حالت هاور) */
body.woocommerce-account .address_book .button:hover {
    color: var(--e-global-color-secondary) !important; 
}

/* متن‌ها و آدرس‌ها */
body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content address,
body.woocommerce-account .woocommerce-MyAccount-content span,
body.woocommerce-account .address_book p,
body.woocommerce-account .address_book address {
    font-size: 16px !important;
    font-family: var(--e-global-typography-text-font-family) !important;
    line-height: 1.6 !important;
}

/*   استایل‌های تبلت */
@media (max-width: 1024px) {
    /* تیترها */
    body.woocommerce-account .address_book header h3,
    body.woocommerce-account .wc-address-book-address header.title h3,
    body.woocommerce-edit-address .woocommerce-MyAccount-content > h3 {
        font-size: 16px !important;
    }

    /* دکمه‌ها */
    body.woocommerce-account .address_book .button {
        font-size: 14px !important;
    }

    /* متن‌ها و آدرس‌ها */
    body.woocommerce-account .woocommerce-MyAccount-content p,
    body.woocommerce-account .woocommerce-MyAccount-content address,
    body.woocommerce-account .woocommerce-MyAccount-content span,
    body.woocommerce-account .address_book p,
    body.woocommerce-account .address_book address {
        font-size: 15px !important;
    }
}


/*   استایل‌های موبایل */
@media (max-width: 767px) {
    /* تیترها */
    body.woocommerce-account .address_book header h3,
    body.woocommerce-account .wc-address-book-address header.title h3,
    body.woocommerce-edit-address .woocommerce-MyAccount-content > h3 {
        font-size: 15px !important;
    }

    /* دکمه‌ها */
    body.woocommerce-account .address_book .button {
        font-size: 13px !important;
    }

    /* متن‌ها و آدرس‌ها */
    body.woocommerce-account .woocommerce-MyAccount-content p,
    body.woocommerce-account .woocommerce-MyAccount-content address,
    body.woocommerce-account .woocommerce-MyAccount-content span,
    body.woocommerce-account .address_book p,
    body.woocommerce-account .address_book address {
        font-size: 13px !important;
    }
}

/* مخفی کردن متن توضیحات (آدرس‌های زیر برای ارسال فاکتور...) 
*/
.elementor-jet-myaccount-addresses > p {
    display: none !important;
}

/* مخفی کردن کامل بخش آدرس صورتحساب پیش‌فرض و دکمه ویرایش آن  */
.elementor-jet-myaccount-addresses > .u-column1.woocommerce-Address {
    display: none !important;
}

/* حذف فاصله اضافی بالای بخش آدرس‌بوک */
.address_book.billing_address_book {
    margin-top: 0 !important;
}

/* حذف خط هدر اصلی و تنظیم فاصله با متن پایین */
.address_book.billing_address_book > header {
    border-bottom: none !important;
    box-shadow: none !important;
    padding-bottom: 0 !important; 
    margin-bottom: 15px !important; /* این عدد را برای تنظیم فاصله کم یا زیاد کنید */
}

/* حذف فاصله و پس‌زمینه/حاشیه از نگهدارنده بج */
div.wc-address-book-address-badges {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

/* حذف حاشیه طوسی و فاصله‌ها از خود متن بج */
span.wc-address-book-address-default-label {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    line-height: 1 !important;
    color: red !important; /* تغییر رنگ متن به قرمز */
}

/*استایل باکس آدرس ها */
.address_book.billing_address_book .addresses.address-book .wc-address-book-address {
    border: none !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.1) !important;
    border-radius: 10px !important;
    padding: 20px !important;
    background-color: #fff !important;
    margin-bottom: 20px !important;
}



/*================================
تغییر استایل کمبوباکس آدرس های مشتری، تا ظاهری متفاوت تر از سایر فیلدها داشته باشد
================================== */
/* استایل‌دهی متفاوت برای دراپ‌داون انتخاب آدرس در تسویه‌حساب */
#billing_address_book_field .select2-container--default .select2-selection--single,
#shipping_address_book_field .select2-container--default .select2-selection--single {
    background-color: #F3E8FF !important; /* رنگ پس‌زمینه (مثلا خاکستری روشن) */
    border: 2px solid #A855F7 !important; /* رنگ و ضخامت حاشیه */
    border-radius: 8px !important; /* میزان گردی گوشه‌ها */
    min-height: 48px !important; /* ارتفاع فیلد */
    display: flex;
    align-items: center;
}

/* تغییر ظاهر متن داخل فیلد انتخاب آدرس */
#billing_address_book_field .select2-container--default .select2-selection--single .select2-selection__rendered,
#shipping_address_book_field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #111 !important; /* رنگ متن */
    font-weight: 600 !important; /* ضخامت متن */
}

/* تنظیم فلش بازشوی دراپ‌داون */
#billing_address_book_field .select2-container--default .select2-selection--single .select2-selection__arrow,
#shipping_address_book_field .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
}

/*================================
تغییر رنگ لیبل کمبوباکس انتخاب ادرس در صفحه تسویه
================================== */
#billing_address_book_field label,
#shipping_address_book_field label {
    color: #A855F7 !important;
}



/*================================
بزرگتر کردن چک باس ها در تمام سایت
================================== */
input[type="checkbox"] {
    transform: scale(1.3); /* عدد 1.3 را می‌توانید برای تغییر اندازه کم یا زیاد کنید */
    margin-left: 5px; /* ایجاد کمی فاصله با متن کنار آن */
    cursor: pointer;
}


/*================================
تغییر اندازه فونت حذف کوپن اعمال شده در سبد خرید و در فرم تسویه
================================== */
/* استایل دکمه [پاک] (حذف کوپن) در دسکتاپ */
.cart-discount a.woocommerce-remove-coupon {
    color: red !important;
    font-size: 14px !important;
    text-decoration: none !important; /* حذف خط زیر لینک در صورت وجود */
}

.cart-discount a.woocommerce-remove-coupon:hover {
    color: darkred !important; /* رنگ هنگام رفتن ماوس روی آن */
}

/* استایل برای تبلت */
@media (max-width: 1024px) {
    .cart-discount a.woocommerce-remove-coupon {
        font-size: 13px !important;
    }
}

/* استایل برای موبایل */
@media (max-width: 767px) {
    .cart-discount a.woocommerce-remove-coupon {
        font-size: 12px !important;
    }
}



/* =================================
   استایل شورتکد [custom_order_receipt]
استفاده شده در صفحه تشکر پس از خرید
================================= */

.custom-order-receipt-wrapper {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    direction: rtl;
    overflow: hidden;
}

/* لیست */
.receipt-details {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* هر ردیف */
.receipt-details li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-bottom: 1px dashed #e2e8f0;
    font-size: 15px;
}

.receipt-details li:last-child {
    border-bottom: none;
}


   /* تایپوگرافی Accent المنتور */


.receipt-details li span,
.receipt-details li strong {
    font-family: var(--e-global-typography-accent-font-family, inherit);
    font-size: var(--e-global-typography-accent-font-size, 15px);
    font-weight: var(--e-global-typography-accent-font-weight, 500);
    text-transform: var(--e-global-typography-accent-text-transform, none);
    font-style: var(--e-global-typography-accent-font-style, normal);
    text-decoration: var(--e-global-typography-accent-text-decoration, none);
    line-height: var(--e-global-typography-accent-line-height, 1.6);
    letter-spacing: var(--e-global-typography-accent-letter-spacing, 0);
}

/* عنوان (سمت راست) */
.receipt-details li span {
    color: #6b7280;
    text-align: right;
    flex: 1;
}

/* مقدار (سمت چپ) */
.receipt-details li strong {
    color: #111827;
    text-align: left;
    direction: ltr; /* برای نمایش درست اعداد و کدها */
    flex: 1;
}

/* پیام خطا */
.receipt-error {
    color: #b91c1c;
    background: #fef2f2;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #fecaca;
    text-align: center;
    direction: rtl;
}


/*  ریسپانسیو موبایل */


@media (max-width: 480px) {
    .receipt-details li {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .receipt-details li span,
    .receipt-details li strong {
        text-align: right;
        direction: rtl;
        width: 100%;
    }
}

/*================================
تغییر استایل ویجت
thank you order details
در صفحه تشکر پس از خرید
==================================*/

.woocommerce-table--order-details {
    border-radius: 10px !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border: 1px solid #e2e8f0;
}

/* گرد شدن گوشه‌های هدر */
.woocommerce-table--order-details thead th:first-child {
    border-top-right-radius: 10px;
}

.woocommerce-table--order-details thead th:last-child {
    border-top-left-radius: 10px;
}

/* گرد شدن گوشه‌های فوتر */
.woocommerce-table--order-details tfoot tr:last-child th:first-child,
.woocommerce-table--order-details tfoot tr:last-child td:first-child {
    border-bottom-right-radius: 10px;
}

.woocommerce-table--order-details tfoot tr:last-child th:last-child,
.woocommerce-table--order-details tfoot tr:last-child td:last-child {
    border-bottom-left-radius: 10px;
}

/* خطوط داخلی جدول */
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* حذف خط آخر */
.woocommerce-table--order-details tbody tr:last-child th,
.woocommerce-table--order-details tbody tr:last-child td,
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
    border-bottom: none !important;
}

/* دکمه سفارش مجدد */
.woocommerce-order .order-again a.button {
    font-family: var(--e-global-typography-accent-font-family), sans-serif !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    line-height: var(--e-global-typography-accent-line-height) !important;
    letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
    text-transform: var(--e-global-typography-accent-text-transform) !important;

    background-color: transparent !important;
    border: 2px solid var(--e-global-color-primary) !important;
    color: var(--e-global-color-primary) !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    transition: all 0.3s ease !important;
}

.woocommerce-order .order-again a.button:hover {
    background-color: var(--e-global-color-primary) !important;
    color: #ffffff !important;
}


/*================================
تغییر استایل ویویجت
checkout order review
در صفحه تسویه
==================================*/

/* تنظیم کادر بیرونی جدول */
.jet-woo-builder .woocommerce-checkout-review-order-table,
#order_review table.shop_table {
    border-radius: 10px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e5e5e5 !important;
}

/* تنظیم خطوط داخلی (فقط یک خط با ضخامت 1px در پایین هر ردیف) */
#order_review table.shop_table th,
#order_review table.shop_table td {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #e5e5e5 !important; /* هم‌رنگ و هم‌ضخامت با کادر دور */
}

/* حذف خط پایین از آخرین ردیف جدول تا با کادر اصلی جمع نشود */
#order_review table.shop_table tfoot tr:last-child th,
#order_review table.shop_table tfoot tr:last-child td,
#order_review table.shop_table tbody tr:last-child th,
#order_review table.shop_table tbody tr:last-child td {
    border-bottom: none !important;
}



/*================================
تغییر استایل ویویجت
cart table
در صفحه  سبد خرید
==================================*/

/* تنظیم کادر بیرونی جدول سبد خرید */
form.woocommerce-cart-form table.shop_table.cart {
    border-radius: 10px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e5e5e5 !important;
}

/* تنظیم خطوط داخلی جدول سبد خرید */
form.woocommerce-cart-form table.shop_table.cart th,
form.woocommerce-cart-form table.shop_table.cart td {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

/* حذف خط پایین از آخرین ردیف برای جلوگیری از ضخیم شدن */
form.woocommerce-cart-form table.shop_table.cart tbody tr:last-child th,
form.woocommerce-cart-form table.shop_table.cart tbody tr:last-child td {
    border-bottom: none !important;
}


/*================================
تغییر استایل ویویجت
cart total
در صفحه  سبد خرید
==================================*/
/* تنظیم کادر بیرونی جدول جمع کل */
.cart_totals table.shop_table {
    border-radius: 10px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e5e5e5 !important;
}

/* تنظیم خطوط داخلی جدول جمع کل */
.cart_totals table.shop_table th,
.cart_totals table.shop_table td {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

/* حذف خط پایین از آخرین ردیف برای جلوگیری از ضخیم شدن */
.cart_totals table.shop_table tr:last-child th,
.cart_totals table.shop_table tr:last-child td {
    border-bottom: none !important;
}



/*================================
تغییر استایل بخش ویرایش آدرس صورتحساب از بخش آدرس های من از بخش اطلاعات حساب کاربری
==================================*/
.woocommerce-MyAccount-content header.title h3,
.woocommerce-MyAccount-content h2 {
    font-size: 18px !important; /* سایز دلخواه شما */
    font-family: var(--e-global-typography-primary-font-family); /* گرفتن فونت اصلی سایت */
    margin-bottom: 15px; /* فاصله از پایین */
}

/* استایل دکمه ذخیره آدرس */
body .woocommerce form .button[name="save_address"] {
    background-color: var(--e-global-color-primary) !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-family: var(--e-global-typography-accent-font-family) !important;
    border-radius: 50px !important;
    border: none !important;
    color: #ffffff !important; /* رنگ متن دکمه برای خوانایی */
    padding: 12px 24px !important;
    transition: 0.3s !important;
}

/* هاور دکمه */
body .woocommerce form .button[name="save_address"]:hover {
    background-color: var(--e-global-color-secondary) !important;
}


/*================================
بهینه کردن استایل متن بالایی صفحه جزئیات سفارش (نسخه اصلاح شده)
==================================*/

/* ۱. حذف قطعی پس‌زمینه زرد تگ‌های mark در تمام بخش‌های حساب کاربری ووکامرس */
.woocommerce-page mark,
.woocommerce-order-details mark,
.woocommerce-AccountContent mark,
.woocommerce-account mark {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-weight: bold !important;
    color: var(--e-global-color-secondary, #222) !important;
    display: inline !important;
}


/*================================
حذف فاصله اضافی زیر قیمت محصولات در ووکامرس و جت‌انجین
==================================*/

p.price, 
span.price,
.jet-woo-product-price .price,
.woocommerce-loop-product__title ~ .price {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}


/*================================
استایل دهی به شورتکد تولید کننده لیست زیر دسته های محصول
قابل استفاده در مگامنو
==================================*/
.my-php-product-subcategories-list{
    list-style: none;
    margin: 0;
    padding: 0px 20px 0px 0px;
}

.my-php-product-subcategories-list li{
    list-style: none;
    margin: 0 0 10px !important;
    padding: 0;
}

.my-php-product-subcategories-list,
.my-php-product-subcategories-list a{
    font-family: var(--e-global-typography-accent-font-family);
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: normal !important;
    font-style: var(--e-global-typography-accent-font-style);
    line-height: 1.2; /* یا 1 اگر کاملاً فشرده می‌خواهی */
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    
    text-transform: var(--e-global-typography-accent-text-transform);
    color: var(--e-global-color-text) !important;
}

.my-php-product-subcategories-list a{
    display: inline;
    text-decoration: none;
}

.my-php-product-subcategories-list a:hover{
    color: var(--e-global-color-primary) !important;
}


/*================================
/* مخفی کردن Categories Grid در صورت خالی بودن */
==================================*/
/* مخفی کردن گرید دسته‌بندی‌های المنتور و جت در صورت خالی بودن */
.elementor-widget-wc-categories:has(.products:empty),
.elementor-widget-wc-categories:has(.elementor-widget-container:empty),
.elementor-widget-jet-woo-categories:has(.jet-woo-categories:empty),
.elementor-widget-jet-woo-categories:has(.elementor-widget-container:empty) {
    display: none !important;
}

/* مخفی کردن کاروسل دسته‌بندی جت اگر هیچ اسلایدی نداشته باشد */
.elementor-widget-jet-woo-categories:not(:has(.swiper-wrapper)),
.elementor-widget-jet-woo-categories:has(.swiper-wrapper:empty) {
    display: none !important;
}


/*================================
تغییر استایل عکس/رنگ ویجت visual filter از مجموعه JetSmartFilters
==================================*/
.jet-color-image-list__image img {
    padding: 2px !important;
    background-color: transparent !important;
    border-radius: 10px !important;
}


/*================================
استایل دخی به فرم ورود اطلاعات المنتور
استفاده شده مثلا در صفحه تماس با ما
==================================*/


/*================================
استایل دهی به ویجت شورتکد برای تولید دکمه کپی لینک
قابل استفاده در کنار ویجت share buttons المنتور پرو
==================================*/
/* Copy Link Button Styles */
.my-php-share-btn-copy {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important; 
    color: #aaaaaa !important;
    border: none !important;         
    border-radius: 5px !important; 
    padding: 0px !important; 
    font-family: inherit; 
    font-size: 13px !important; 
    cursor: pointer;
    transition: color 0.2s;
    width: auto !important;
    min-width: 55px !important;
    flex: 0 0 auto !important; 
    white-space: nowrap !important;
}

.my-php-share-btn-copy:hover { 
    color: var(--e-global-color-primary) !important; 
}

/* Fix Elementor Shortcode Widget Wrapper */
.elementor-widget-shortcode:has(.my-php-share-btn-copy) {
    width: auto !important;
    max-width: max-content !important;
    flex: 0 0 auto !important;
}


/* =======================================
   استایل ویجت Menu Cart المنتور پرو (ریفکتور شده)
======================================= */

/* --- ۱. تنظیمات دکمه تاگل هدر --- */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__wrapper,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_wrapper,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button {
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__wrapper,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_wrapper {
    line-height: 1 !important;
}

.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button {
    justify-content: center !important;
    padding: 0 !important;
    min-height: unset !important;
}

/* مخفی‌کردن متن مبلغ و فواصل اضافه آیکون */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button .elementor-button-text {
    display: none !important;
}

.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button .elementor-button-icon {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    position: relative !important; /* ضروری برای موقعیت‌دهی بج */
}

/* --- ۲. شفاف‌سازی دکمه تاگل در تمام حالت‌ها --- */
.elementor-widget-woocommerce-menu-cart a.elementor-menu-cart__toggle_button,
.elementor-widget-woocommerce-menu-cart a.elementor-menu-cart__toggle_button:is(:hover, :focus, :active, :focus-visible),
.elementor-widget-woocommerce-menu-cart a.elementor-menu-cart__toggle_button[aria-expanded="true"] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* --- ۳. استایل و موقعیت‌دهی بج (دایره تعداد محصول) --- */
.elementor-widget-woocommerce-menu-cart .elementor-button-icon-qty {
    width: 20px !important;  
    height: 20Px !important;
    padding-top: 4px !important;
    font-family: var(--e-global-typography-accent-font-family, inherit) !important;
    font-weight: bold !important;
    font-size: 10px !important;
    
    /* انتقال بج به اندازه 20px راست و 5px پایین */
    transform: translate(25px, 5px) !important; 
}

/* --- ۴. واکنش‌گرایی (عرض سایدکارت و سایز فونت موبایل) --- */

/* دسکتاپ */
@media (min-width: 1025px) {
    .elementor-menu-cart__container .elementor-menu-cart__main {
        width: 450px !important;
    }
}

/* تبلت */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-menu-cart__container .elementor-menu-cart__main {
        width: 380px !important;
    }
}

/* موبایل */
@media (max-width: 767px) {
    .elementor-menu-cart__container .elementor-menu-cart__main {
        width: 320px !important;
        max-width: 320px !important;
    }
    
    .elementor-widget-woocommerce-menu-cart .elementor-button-icon-qty {
        width: 18px !important;
        height: 18px !important;
        padding-top: 3px !important;        
        font-size: 10px !important;
        
        /* در صورت نیاز به تنظیم مجدد موقعیت در موبایل، مقادیر زیر را تغییر دهید */
        /* transform: translate(15px, 3px) !important; */
    }
}


/* =======================================
   استایل بردکرامب
======================================= */
/* کل بردکرامب */
.rank-math-breadcrumb {
    font-family: inherit;
    font-weight: bold;
    font-size: 15px;
    color: #777777;
}

/* لینک‌ها */
.rank-math-breadcrumb a {
    font-family: inherit;
    font-weight: normal;
    font-size: 15px;
    color: #777777;
    text-decoration: none;
}

/* هاور لینک */
.rank-math-breadcrumb a:hover {
    color: #7290E9;
    text-decoration: none;
}

/* separator و آخرین متن */
.rank-math-breadcrumb .separator,
.rank-math-breadcrumb .last {
    font-family: inherit;
    font-weight: bold;
    font-size: 15px;
    color: #777777;
}

/* p داخل بردکرامب */
.rank-math-breadcrumb p {
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

/* 📱 فونت مخصوص موبایل */
@media (max-width: 768px) {
    .rank-math-breadcrumb,
    .rank-math-breadcrumb a,
    .rank-math-breadcrumb .separator,
    .rank-math-breadcrumb .last {
        font-size: 12px;
    }
}


/* =======================================
استایل دهی پیام های خطا در صفحه پرداخت
مانند خطای عدم امکان پرداخت به دلیل موجود نبودن کالا یا اینکه همزمان کاربر دیگری در حال پرداخت آخرین نمونه کالا است
======================================= */

.woocommerce:has(a.button.wc-backward) {
    background-color: #fdf2f2;
    border: 1px solid #f9dcdc;
    border-right: 5px solid #d93025;
    border-radius: 8px;
    padding: 30px 20px;
    margin: 40px auto;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.woocommerce:has(a.button.wc-backward) p {
    margin-bottom: 15px;
    color: #444;
    font-size: 15px;
    line-height: 1.8;
}

/* اعمال استایل و رنگ‌های المنتور به دکمه بازگشت */
.woocommerce:has(a.button.wc-backward) a.button.wc-backward {
    color: #ffffff !important;
    background-color: var(--e-global-color-primary) !important;
    border-radius: 50px !important;
    padding: 12px 30px !important;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    border: none;
}

/* استایل هاور دکمه (رنگ ثانویه المنتور) */
.woocommerce:has(a.button.wc-backward) a.button.wc-backward:hover {
    background-color: var(--e-global-color-secondary) !important;
}


/* =======================================
استایل دهی به شورتکد شبیه ساز افزودن به سبد خرید
قابل استفاده در فوتر استیکی موبایل و تبلت صفحه محصول تکی
یا به صورت استیکی در سایدبار حالت دسکتاپ

برای موبایل یا دسکتاپ می توان در ویجت شورتکد کلاس مورد نظر را پاس داد
مثلا برای دسکتاپ:
[myshortcode_add_to_cart_simulator class="desktop-add_to_cart_simulator"]
======================================= */

/* === استایل‌های پایه (دسکتاپ) === */
.mycss-add-to-cart-simulator-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 8px;
}

.mycss-add-to-cart-simulator-button {
    background-color: var(--e-global-color-accent) !important;
    font-family: var(--e-global-typography-accent-font-family), sans-serif !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    border: none !important; /* دسکتاپ بدون حاشیه */
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mycss-add-to-cart-simulator-display {
    direction: rtl;
    color: var(--e-global-color-text) !important; /* رنگ پیش‌فرض دسکتاپ */
    font-family: var(--e-global-typography-accent-font-family), sans-serif !important;
    
    /* استایل اختصاصی برای زمان نمایش متن ساده */
    font-size: 13px !important;
    font-weight: bold !important;
    
    white-space: normal;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.4;
}

/* === اصلاحات قیمت ووکامرس (برای حفظ سایز و وزن اصلی روی قیمت‌ها) === */
.mycss-add-to-cart-simulator-display span.amount,
.mycss-add-to-cart-simulator-display bdi {
    display: inline-block;
    vertical-align: middle;
    font-family: inherit !important;
    /* بازنویسی فونت و وزن فقط برای قیمت‌ها از روی متغیر المنتور */
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
}

.mycss-add-to-cart-simulator-display del,
.mycss-add-to-cart-simulator-display del span.amount,
.mycss-add-to-cart-simulator-display del bdi {
    text-decoration: line-through !important;
    color: var(--e-global-color-text) !important; /* رنگ دسکتاپ */
    opacity: 0.8 !important;
    margin-left: 6px !important;
    font-size: 10px !important; /* سایز قیمت خط خورده */
    font-weight: normal !important;
}

.mycss-add-to-cart-simulator-display ins {
    text-decoration: none !important;
}

.mycss-add-to-cart-simulator-display ins,
.mycss-add-to-cart-simulator-display ins span.amount,
.mycss-add-to-cart-simulator-display ins bdi {
    color: var(--e-global-color-text) !important; /* رنگ دسکتاپ */
}

/* === تغییرات اختصاصی برای تبلت و موبایل (1024px به پایین) === */
@media (max-width: 1024px) {
    .mycss-add-to-cart-simulator-button {
        border: 2px solid #ffffff !important;
        min-height: 44px !important;
    }

    /* تغییر رنگ تمام بخش‌های متن و قیمت به سفید در موبایل/تبلت */
    .mycss-add-to-cart-simulator-display,
    .mycss-add-to-cart-simulator-display ins,
    .mycss-add-to-cart-simulator-display ins span.amount,
    .mycss-add-to-cart-simulator-display ins bdi,
    .mycss-add-to-cart-simulator-display del,
    .mycss-add-to-cart-simulator-display del span.amount,
    .mycss-add-to-cart-simulator-display del bdi {
        color: #ffffff !important;
    }
}



/* =======================================
استایل دهی به ویجت کامنت پست ها که در صفحات پست تکی استفاده میشه
======================================= */

/* ۱. متغیرها و چیدمان کلی */
#comments {
    display: flex !important;
    flex-direction: column !important;
    --comment-meta-font-size: var(--e-global-typography-text-font-size);
}

#comments #respond {
    order: 1 !important;
    margin-bottom: 40px !important;
}

#comments .comment-list {
    order: 2 !important;
}

/* پنهان‌سازی عناصر اضافی (عناوین و کلمه says) */
#comments .title-comments, 
#comments .comments-title,
#comments .comment-author .says {
    display: none !important;
}

/* ۲. بدنه اصلی هر نظر (استایل کارت) */
#comments .comment-body {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 15px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease !important;
}

#comments .comment-body:hover {
    box-shadow: 0 8px 25px rgba(116, 48, 137, 0.08) !important;
    border-color: #74308933 !important;
}

/* ۳. هدر نظر (چیدمان یک‌خطی نام، آواتار و تاریخ) */
#comments .comment-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-bottom: 0 !important;
}

#comments .comment-author {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
}

#comments .comment-metadata {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

/* ۴. استایل آواتار کاربر */
#comments .comment-author .avatar {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    border: 2px solid #743089 !important;
    padding: 2px !important;
    background: #fff !important;
}

/* ۵. تایپوگرافی متادیتا، تاریخ */
#comments .comment-meta,
#comments .comment-meta time,
#comments .comment-meta .comment-metadata a {
    font-size: var(--comment-meta-font-size) !important;
    color: #999 !important;
    text-decoration: none !important;
}

/* تایپوگرافی نام کاربر (استثنا) */
#comments .comment-author .fn,
#comments .comment-author .fn a {
    font-family: var(--e-global-typography-accent-font-family) !important;
    color: #743089 !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: bold !important;
    font-style: normal !important;
}

/* تایپوگرافی متن نظر */
#comments .comment-content {
    font-family: var(--e-global-typography-text-font-family) !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    color: #444 !important;
    line-height: 1.8 !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px dashed #eee !important;
}

/* ۶. استایل دکمه/لینک پاسخ */
#comments #reply-title, 
#comments .reply a,
#comments .comment-reply-link {
    font-family: var(--e-global-typography-accent-font-family) !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    /* اگر می‌خواهید رنگ خاصی برای لینک پاسخ داشته باشد اینجا وارد کنید، در غیر این صورت از رنگ پیش‌فرض قالب استفاده می‌کند */
    text-decoration: none !important;
}


/* ۷. استایل فرم ارسال */
#comments #respond input[type="submit"],
#comments #respond button[type="submit"] {
    border: none !important;
    outline: none !important;
}

/* ۸. بهینه‌سازی ریسپانسیو (موبایل) */
@media (max-width: 767px) {
    #comments .comment-body {
        padding: 15px !important;
    }
    #comments .comment-meta {
        gap: 8px !important; 
    }
    #comments .comment-author .avatar {
        width: 45px !important;
        height: 45px !important;
    }
}



/* =======================================
استایل دهی به ویجت دیدگاه های محصولات که در صفحات محصول تکی استفاده میشه
======================================= */
/* ۱. تایپوگرافی: اعمال فونت Text المنتور برای متون، فرم‌ها، تاریخ، لینک‌ها و پیام‌ها */
.woocommerce-Reviews .comment-text, 
.woocommerce-Reviews .comment-form label,
.woocommerce-Reviews .comment-notes,
.woocommerce-Reviews .description,
.woocommerce-Reviews .woocommerce-review__published-date,
.woocommerce-Reviews .comment-edit-link,
.woocommerce-Reviews .reply a,
p.woocommerce-noreviews,
#review_form_wrapper #reply-title,
.comment-reply-title {
    font-family: var(--e-global-typography-text-font-family) !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
}

/* استایل‌های اختصاصی فرم‌ها و پیام بدون دیدگاه */
p.woocommerce-noreviews {
    color: #666;
}

#review_form_wrapper #reply-title,
.comment-reply-title {
    line-height: var(--e-global-typography-text-line-height) !important;
    color: var(--e-global-color-text) !important;
    display: block;
    margin-bottom: 10px;
}

/* ۲. تایپوگرافی: تیتر اصلی نظرات (Secondary) و نام نویسنده (Accent) */
.woocommerce-Reviews h2.woocommerce-Reviews-title {
    font-family: var(--e-global-typography-secondary-font-family) !important;
    font-size: var(--e-global-typography-secondary-font-size) !important;
    font-weight: var(--e-global-typography-secondary-font-weight) !important;
}

.woocommerce-Reviews .woocommerce-review__author {
    font-family: var(--e-global-typography-accent-font-family) !important;
    color: #743089 !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/* ۳. ریست کردن استایل‌های پیش‌فرض ووکامرس */
.woocommerce-Reviews .commentlist {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.woocommerce-Reviews .commentlist li .comment_container {
    padding: 0 !important;
}

.woocommerce-Reviews .commentlist li .comment-text {
    border: none !important;
    background: transparent !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;    
}

.woocommerce-Reviews .commentlist li .comment-text::before,
.woocommerce-Reviews .commentlist li .comment-text::after {
    display: none !important;
}

/* ۴. استایل کارت هر دیدگاه و افکت هاور */
.woocommerce-Reviews .commentlist li {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 15px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease !important;
}

.woocommerce-Reviews .commentlist li:hover {
    box-shadow: 0 8px 25px rgba(116, 48, 137, 0.08) !important;
    border-color: #74308933 !important;
}

/* ۵. عناصر داخلی کارت: آواتار، ستاره‌ها، تاریخ و توضیحات */
.woocommerce-Reviews .commentlist li img.avatar {
    background: #fff !important;
    border: 2px solid #743089 !important;
    border-radius: 50% !important;
    padding: 2px !important;
    width: 60px !important;
}

.woocommerce-Reviews .star-rating {
    color: #ffb400 !important;
    margin-bottom: 10px !important;
}

.woocommerce-Reviews .woocommerce-review__published-date {
    color: #999 !important;
    margin-right: 10px !important;
}

.woocommerce-Reviews .description {
    color: #444 !important;
    line-height: 1.8 !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px dashed #eee !important;
}

/* ۶. ریسپانسیو موبایل */
@media (max-width: 767px) {
    .woocommerce-Reviews .commentlist li {
        padding: 15px !important;
    }
    .woocommerce-Reviews .commentlist li img.avatar {
        width: 45px !important;
        margin-left: 10px !important;
    }
}


/* =======================================
تنظیمات برای بهینه سازی خروجی pagespeed insights
======================================= */

/* برای رفع خطا در PageSpeed مربوط به : */
/* لینک «پرش به محتوا» (Skip to content) است که برای دسترسی‌پذیری (کاربران کیبورد و Screen Readers) استفاده می‌شود.  */
.skip-link.screen-reader-text:focus {
    clip: auto !important;
    clip-path: none !important;
    background-color: #fff;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
    position: absolute;
    top: 10px;
    right: 10px; /* برای سایت راست‌چین */
    border: 2px solid #000;
}

/*  برای اینکه لینک به درستی از دید کاربران عادی مخفی بماند  */
.skip-link.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    word-wrap: normal !important;
}


/* در صفحه محصول تکی ، برای مشخص کردن نسبت اندازه عکس اصلی گالری  */
/* رزرو فضای عکس اصلی در گالری JetWoo */
.jet-woo-product-gallery__image-item {
    /* اگر عکس‌های لباس شما مربع هستند 1/1، اگر مستطیل هستند نسبت واقعی مثلا 3/4 را وارد کنید */
    aspect-ratio: 1 / 1; 
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f9f9f9; /* رنگ پس‌زمینه تا زمان لود عکس */
}

/* در صفحه محصول تکی برای مشخص کردن نسبت اندازه بند انگشتی ها  */
.jet-woo-swiper-gallery-thumbs img {
    aspect-ratio: 1 / 1; /* با فرض مربعی بودن تامنیل‌ها */
    height: auto;
}

/* در صفحه محصول تکی */
/* رزرو فضای کانتینر تامنیل‌ها قبل از اجرای Swiper JS */
.jet-woo-swiper-gallery-thumbs {
    min-height: 100px; /* این عدد را دقیقاً برابر با ارتفاع تامنیل‌های خود در حالت دسکتاپ قرار دهید */
    content-visibility: auto;
}

/* در صفحه محصول تکی */
/* برای موبایل در صورتی که ارتفاع تامنیل‌ها متفاوت است */
@media (max-width: 768px) {
    .jet-woo-swiper-gallery-thumbs {
        min-height: 80px; /* ارتفاع دقیق تامنیل در موبایل */
    }
}


/* =======================================
برای تاکید روی رایگان شدن حمل و نقل
و غیر فعال کردن و خط زدن روش های دیگر
برای تجزبه بهتر کاربر
======================================= */

/* غیرفعال کردن کلیک و کمرنگ کردن رادیو باتن و متن روش‌های پولی */
ul#shipping_method:has(input[value^="free_shipping"]) input:not([value^="free_shipping"]),
ul#shipping_method:has(input[value^="free_shipping"]) input:not([value^="free_shipping"]) + label {
    opacity: 0.5 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* خط زدن فقط روی متن روش‌های پولی */
ul#shipping_method:has(input[value^="free_shipping"]) input:not([value^="free_shipping"]) + label {
    text-decoration: line-through !important;
}

/* تغییر رنگ و بولد کردن گزینه ارسال رایگان */
ul#shipping_method input[value^="free_shipping"] + label {
    color: var(--e-global-color-accent) !important;
    font-weight: bold !important;
}

/* =======================================
استایل برای بهینه سازی جدول راهنمای کلی سایز لباس ها
نوزادی، کودک، ...
======================================= */
.mycss-cloth-size-table-wrapper {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 20px;
}

.mycss-cloth-size-table {
    width: 100%;
    /* تغییرات مربوط به حاشیه گرد (Radius) */
    border-collapse: separate; 
    border-spacing: 0;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden; /* برای جلوگیری از بیرون زدن بک‌گراند از گوشه‌های گرد */
    
    min-width: 400px;
    font-family: var(--e-global-typography-text-font-family), Tahoma, sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    text-align: center;
    direction: rtl;
}

/* اصلاح بردر سلول‌ها برای جلوگیری از دو خطه شدن در حالت separate */
/* یکپارچه‌سازی و جلوگیری از تداخل با بردرهای پیش‌فرض قالب */
.mycss-cloth-size-table th, 
.mycss-cloth-size-table td {
    border-top: none !important;
    border-right: none !important;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 12px 15px;
    vertical-align: middle; /* اضافه شده برای تراز عمودی */
}



/* حذف بردرهای اضافی لبه‌های داخلی */
/* حذف بردرهای اضافی لبه‌های داخلی (بدون تغییر) */
.mycss-cloth-size-table th:last-child,
.mycss-cloth-size-table td:last-child {
    border-left: none !important;
}

.mycss-cloth-size-table tbody tr:last-child td {
    border-bottom: none !important;
}

.mycss-cloth-size-table th {
    background-color: #f9f9f9;
    font-weight: bold;
    color: #333;
}

.mycss-cloth-size-table tbody tr:nth-child(even) {
    background-color: #fdfdfd;
}

.mycss-cloth-size-table tbody tr:hover {
    background-color: #f1f1f1;
}

/* تنظیمات مخصوص موبایل */
@media (max-width: 767px) {
    .mycss-cloth-size-table {
        min-width: 100%; /* حذف حداقل عرض تا ستون‌ها فشرده شوند */
        font-size: 0.9em; /* کمی کوچکتر کردن فونت کل جدول */
    }
    
    .mycss-cloth-size-table th, 
    .mycss-cloth-size-table td {
        padding: 8px 4px; /* کاهش پدینگ برای کم شدن عرض ستون‌ها */
        white-space: normal; /* اجازه Wrap شدن متن (شکستن تیترها) */
        word-wrap: break-word;
    }
}

.mycss-cloth-size-table-wrapper,
.mycss-cloth-size-table {
    margin-bottom: 0 !important;
}

/* جلوگیری از ایجاد تگ‌های p خالی توسط وردپرس */
.mycss-cloth-size-table-wrapper p {
    display: none !important;
}

.mycss-cloth-size-table {
    width: 100%;
    table-layout: fixed; /* این ویژگی عرض ستون‌ها را مساوی می‌کند */
}


/* =======================================
استایل ها برای نمایش عکس های بندانگشتی محصولات متغیر در کارت های محصول با قابلیت کلیک
======================================= */

/* dibadis-unique-variations */
.dibadis-unique-variations {
    display: flex;
    gap: 3px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

/* تک رنگ */
.dib-single-color {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: bold;
    color: #666;
    margin: 0;
    line-height: 1;
}

/* تصاویر variation */
.dibadis-unique-variations .js-variation-thumb {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
}

/* نشانگر رنگ‌های بیشتر */
.dib-more-colors {
    width: 40px;
    height: 40px;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    background: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    line-height: 1.2;
    text-align: center;
}


/* =======================================
استایل ها برای کد پی اچ پی ایجاد دکمه مشاهده بیشتر/مشاهده کمتر و تغییر ارتفاع کانتینرها
======================================= */
.mycss-seo-wrapper {
    position: relative;
    overflow: hidden !important;
    max-height: 300px;
    transition: max-height 0.7s ease;
}
.mycss-seo-wrapper.is-expanded {
    max-height: 4000px;
}
.mycss-seo-wrapper::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 80px;
    background: linear-gradient(to bottom, transparent, #f9f9f9);
    transition: opacity 0.7s ease;
    pointer-events: none;
}
.mycss-seo-wrapper.is-expanded::after {
    opacity: 0;
}
.mycss-read-more-btn {
    display: table;
    margin: 10px auto 0;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: inherit;
    font-family: inherit;
    transition: opacity 0.2s ease;
}
.mycss-read-more-btn:hover {
    opacity: 0.8;
}

/* =======================================
استایل جدول اطلاعات که در پست های بلاگ استفاده می شوند.
======================================= */
.mycss-blog-table-style-wrapper {
    overflow-x: auto;
    width: 100%;
    margin: 15px 0;
    -webkit-overflow-scrolling: touch;
}

.mycss-blog-table-style-table {
    width: 100%;
    min-width: 550px;
    border-collapse: collapse;
    text-align: center;
    direction: rtl;
    font-family: var(--e-global-typography-text-font-family);
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    border-radius: 10px;
    overflow: hidden;    
}

.mycss-blog-table-style-table thead tr {
    background-color: #743089;
    color: #ffffff;
}

.mycss-blog-table-style-table th {
    padding: 12px 8px;
    border: 1px solid #e5e7eb;
    vertical-align: middle;
}

.mycss-blog-table-style-table td {
    padding: 10px 8px;
    border: 1px solid #e5e7eb;
    vertical-align: middle;
}

.mycss-blog-table-style-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.mycss-blog-table-style-table tbody tr:nth-child(even) {
    background-color: #f9fafb;
}

.mycss-blog-table-style-table tbody td:first-child {
    font-weight: bold;
}

/* =======================================
استایل نکات مهم در مقالات بلاگ
======================================= */

.mycss-blog-important-note {
    /*background-color: #f8fafc; */
    /* border-right: 4px solid #3b82f6; */
    background-color: #FFEBDD;
    border-right: 4px solid #F97316;    
    padding: 15px;
    margin: 20px 0;
    border-radius: 6px;
}

.mycss-blog-important-note p {
    margin: 0;
}

/* =======================================
استایل نکات (غیر مهم) در مقالات بلاگ
======================================= */

.myss-blog-note {
    background-color: #eff6ff;
    border: 1px dashed #2563eb;
    padding: 15px;
    border-radius: 8px;
    margin: 20px 0;
}

.myss-blog-note ul {
    margin: 0 !important;
    padding: 0 20px 0 0 !important;
}

.myss-blog-note li {
    margin: 0 !important;
    padding: 0 !important;
}

.myss-blog-note li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* =======================================
لینک‌های مرتبط در مقالات بلاگ
======================================= */

.myss-blog-links {
    background: linear-gradient(135deg, #faf7fc 0%, #f4edf7 100%);
    border: 1px solid #e3d5e8;
    border-right: 4px solid var(--e-global-color-primary);
    border-radius: 12px;
    padding: 16px 18px;
    margin: 30px 0;
    box-shadow: 0 4px 14px rgba(116, 48, 137, 0.08);
    font-family: var(--e-global-typography-text-font-family);
    font-size: var(--e-global-typography-text-font-size);
}

/* عنوان */
.myss-blog-links-title {
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #333333;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.4 !important;
}

/* لیست */
.myss-blog-links-list {
    display: flex;
    flex-direction: column;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* هر آیتم */
.myss-blog-links-list li {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1.4 !important;
}

.myss-blog-links-list li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* لینک */
.myss-blog-links-list a {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    width: 100%;
    box-sizing: border-box;

    gap: 8px;
    padding: 3px 6px !important;
    margin: 0 !important;

    color: var(--e-global-color-primary) !important;
    font-size: 0.95em;
    font-weight: 600;
    line-height: 1.4 !important;

    text-decoration: none !important;
}

.myss-blog-links-list li:last-child a {
    margin-bottom: 0 !important;
    padding-bottom: 3px !important;
}

/* آیکون */
.myss-blog-links-list a::before {
    content: "›";

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 23px;
    width: 23px;
    height: 23px;

    box-sizing: border-box;

    border-radius: 50%;
    background-color: var(--e-global-color-primary);
    color: #ffffff;

    font-size: 19px;
    font-weight: 400;
    line-height: 1 !important;

    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
}

/* حذف BRهای احتمالی Elementor */
.myss-blog-links-list a br {
    display: none !important;
}

/* جلوگیری از فاصله‌های پیش‌فرض */
.myss-blog-links p,
.myss-blog-links ul,
.myss-blog-links li {
    margin-top: 0 !important;
}

.myss-blog-links-list li,
.myss-blog-links-list a {
    margin-bottom: 0 !important;
}

/* حذف فاصله انتهایی باکس */
.myss-blog-links > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* حذف کامل Hover / Focus / Active */
.myss-blog-links-list a:hover,
.myss-blog-links-list a:focus,
.myss-blog-links-list a:active {
    background: transparent !important;
    color: var(--e-global-color-primary) !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
    opacity: 1 !important;
    filter: none !important;
}

/* حذف Transition */
.myss-blog-links *,
.myss-blog-links *::before,
.myss-blog-links *::after {
    transition: none !important;
}


/* موبایل */

@media (max-width: 767px) {

    .myss-blog-links {
        padding: 13px 14px;
        margin: 24px 0;
        border-radius: 10px;
    }

    .myss-blog-links-title {
        font-size: 0.95em;
        line-height: 1.4 !important;
        margin-bottom: 5px !important;
    }

    .myss-blog-links-list {
        gap: 0 !important;
    }

    .myss-blog-links-list a {
        gap: 7px;
        padding: 2px 5px !important;
        font-size: 0.9em;
        line-height: 1.4 !important;
    }

    .myss-blog-links-list a::before {
        flex-basis: 21px;
        width: 21px;
        height: 21px;
        font-size: 18px;
    }

    .myss-blog-links > *:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('https://www.dibadis.com/wp-content/uploads/2025/11/Vazirmatn-RD-UI-FD-NL-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url('https://www.dibadis.com/wp-content/uploads/2025/11/Vazirmatn-RD-UI-FD-NL-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('https://www.dibadis.com/wp-content/uploads/2025/11/Vazirmatn-RD-UI-FD-NL-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('https://www.dibadis.com/wp-content/uploads/2025/11/Vazirmatn-RD-UI-FD-NL-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://www.dibadis.com/wp-content/uploads/2025/11/Vazirmatn-RD-UI-FD-NL-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://www.dibadis.com/wp-content/uploads/2025/11/Vazirmatn-RD-UI-FD-NL-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: url('https://www.dibadis.com/wp-content/uploads/2025/11/Vazirmatn-RD-UI-FD-NL-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('https://www.dibadis.com/wp-content/uploads/2025/11/Vazirmatn-RD-UI-FD-NL-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('https://www.dibadis.com/wp-content/uploads/2025/11/Vazirmatn-RD-UI-FD-NL-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: ;
}
/* End Custom Fonts CSS */