.elementor-1708 .elementor-element.elementor-element-3a303f1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1708 .elementor-element.elementor-element-5d62fef5 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 30px 0px;}.elementor-1708 .elementor-element.elementor-element-c7cd53c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-product-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1708 .elementor-element.elementor-element-66007242 > .elementor-widget-container{margin:0px 0px 020px 0px;}.elementor-1708 .elementor-element.elementor-element-aff75c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1708 .elementor-element.elementor-element-6fb509ec > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-1708 .elementor-element.elementor-element-6cf28077{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1708 .elementor-element.elementor-element-341b56ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1708 .elementor-element.elementor-element-42ee5c8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1708 .elementor-element.elementor-element-2f10d0b1 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1708 .elementor-element.elementor-element-3bd1084e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1708 .elementor-element.elementor-element-3a1e9dce .cart button, .elementor-1708 .elementor-element.elementor-element-3a1e9dce .cart .button{transition:all 0.2s;}.elementor-1708 .elementor-element.elementor-element-3a1e9dce .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );}.elementor-1708 .elementor-element.elementor-element-681d4fc{text-align:start;}.elementor-1708 .elementor-element.elementor-element-31e20c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1708 .elementor-element.elementor-element-4fb1aed1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );}.elementor-1708 .elementor-element.elementor-element-5e58e2d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1708 .elementor-element.elementor-element-4253bd5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-1708 .elementor-element.elementor-element-341b56ef{--width:50%;}.elementor-1708 .elementor-element.elementor-element-42ee5c8d{--width:50%;}}@media(max-width:767px){.elementor-1708 .elementor-element.elementor-element-6cf28077{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1708 .elementor-element.elementor-element-3f15e882 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1708 .elementor-element.elementor-element-313989f1 > .elementor-widget-container{padding:20px 20px 20px 20px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-5d62fef5 *//* استایل بردکرامب - نبض فروش (نسخه اصلاح شده تراز عمودی) */

/* کادر اصلی */
.elementor-1708 .elementor-element.elementor-element-5d62fef5 {
    background-color: #f1f5f9; /* رنگ پس‌زمینه یک درجه تیره‌تر شد */
    padding: 10px 20px; /* تنظیم مجدد پدینگ‌ها */
    border-radius: 50px;
    font-size: 13px; 
    display: inline-flex; 
    align-items: center; 
    flex-wrap: wrap;
}

/* 🟢 کلید حل مشکل: حذف مارجین‌های مخفی المنتور یا قالب */
.elementor-1708 .elementor-element.elementor-element-5d62fef5 p, 
.elementor-1708 .elementor-element.elementor-element-5d62fef5 div,
.elementor-1708 .elementor-element.elementor-element-5d62fef5 span, 
.elementor-1708 .elementor-element.elementor-element-5d62fef5 a {
    margin: 0 !important; 
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    line-height: 1.5 !important; /* استفاده از لاین-هایت استاندارد برای فونت‌های فارسی */
}

/* استایل لینک‌های مسیر */
.elementor-1708 .elementor-element.elementor-element-5d62fef5 a {
    color: #1e293b !important; 
    text-decoration: none !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.elementor-1708 .elementor-element.elementor-element-5d62fef5 a:hover {
    color: #f97316 !important; 
}

/* استایل جداکننده‌ها */
.elementor-1708 .elementor-element.elementor-element-5d62fef5 .elementor-breadcrumb-separator,
.elementor-1708 .elementor-element.elementor-element-5d62fef5 .yoast-breadcrumbs span.breadcrumb_last,
.elementor-1708 .elementor-element.elementor-element-5d62fef5 .separator {
    margin: 0 8px !important; /* فقط به چپ و راست فاصله می‌دهیم */
    color: #94a3b8; 
    font-size: 12px;
}

/* استایل نام صفحه فعلی */
.elementor-1708 .elementor-element.elementor-element-5d62fef5 .elementor-breadcrumb-current,
.elementor-1708 .elementor-element.elementor-element-5d62fef5 .breadcrumb_last {
    color: #f97316 !important; 
    font-weight: 700; 
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-66007242 *//* استایل تیتر اصلی - نبض فروش */
.elementor-1708 .elementor-element.elementor-element-66007242 .elementor-heading-title {
    color: #1e293b !important; /* رنگ سرمه‌ای تیره و مدرن */
    font-weight: 800 !important; /* وزن ضخیم برای جلب توجه */
    letter-spacing: -0.5px; /* فشردگی بسیار ظریف حروف برای ظاهر حرفه‌ای‌تر */
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); /* یک سایه بسیار محو برای عمق دادن */
}



/* تنظیم سایز تیتر فقط در حالت موبایل */
@media (max-width: 767px) {
    .elementor-1708 .elementor-element.elementor-element-66007242 .elementor-heading-title {
        font-size: 24px !important; 
        line-height: 1.4 !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6fb509ec *//* استایل زیرتیتر - نبض فروش */
.elementor-1708 .elementor-element.elementor-element-6fb509ec .elementor-text-editor, 
.elementor-1708 .elementor-element.elementor-element-6fb509ec .elementor-heading-title {
    color: #64748b !important; /* رنگ خاکستری ملایم برای تمایز از تیتر */
    font-weight: 400 !important;
    font-size: 16px !important; /* اندازه فونت استاندارد برای متن خواندنی */
    line-height: 1.8 !important; /* فاصله مناسب بین خطوط برای خوانایی بهتر */
    max-width: 800px; /* جلوگیری از طولانی شدن خطوط در دسکتاپ */
    margin: 0 auto; /* وسط‌چین نگه داشتن کل باکس متن */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-3f15e882 *//* استایل باکس توضیحات کوتاه محصول */
.elementor-1708 .elementor-element.elementor-element-3f15e882 {
    background-color: #fbfbfb; /* پس‌زمینه خاکستری بسیار روشن و شیک */
    border-right: 4px solid #f15a29; /* خط رنگی سمت راست - می‌توانید کد رنگ سازمانی خود را جایگزین کنید */
    padding: 18px 20px;
    border-radius: 8px 0 0 8px; /* گوشه‌های گرد برای سمت چپ */
    color: #4a4a4a; /* رنگ متن خوانا */
    font-size: 14px;
    line-height: 2.1;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03); /* سایه بسیار ملایم برای عمق دادن */
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.elementor-1708 .elementor-element.elementor-element-3f15e882:hover {
    box-shadow: 0 6px 15px rgba(0,0,0,0.06); /* جذابیت بیشتر هنگام قرار گرفتن موس */
}

/* تنظیمات بولت‌ها و متن‌های بولد داخل ویجت */
.elementor-1708 .elementor-element.elementor-element-3f15e882 p {
    margin-bottom: 12px;
}

.elementor-1708 .elementor-element.elementor-element-3f15e882 strong {
    color: #222222; /* تیره‌تر کردن متون بولد برای تاکید بیشتر */
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-2f10d0b1 *//* ۱. تنظیم کادر اصلی و جلوگیری قطعی از بیرون‌زدگی کاور و ویدئو */
.elementor-1708 .elementor-element.elementor-element-2f10d0b1 .elementor-widget-container,
.elementor-1708 .elementor-element.elementor-element-2f10d0b1 .elementor-wrapper,
.elementor-1708 .elementor-element.elementor-element-2f10d0b1 .elementor-custom-embed-image-overlay {
    border-radius: 16px !important; /* گردی گوشه‌ها برای تمام لایه‌ها */
    overflow: hidden !important; /* برش قطعی لبه‌های تیز */
}

/* ۲. استایل‌دهی به ظرف اصلی (سایه، حاشیه و ترانزیشن) */
.elementor-1708 .elementor-element.elementor-element-2f10d0b1 .elementor-widget-container {
    box-shadow: 0 10px 30px rgba(30, 41, 59, 0.08); /* سایه نرم با تن سرمه‌ای ملایم */
    border: 4px solid #ffffff; /* حاشیه سفید و تمیز */
    transition: all 0.4s ease;
    background-color: #1e293b; /* رنگ پس‌زمینه تیره برای جلوگیری از فلش سفید هنگام لود */
}

/* ۳. افکت شناور شدن کل ویدئو در حالت هاور */
.elementor-1708 .elementor-element.elementor-element-2f10d0b1 .elementor-widget-container:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(30, 41, 59, 0.18); /* عمیق‌تر شدن سایه در هاور */
}




/* ۴. استایل حرفه‌ای دکمه پخش (هماهنگ با رنگ نبض فروش) */
.elementor-1708 .elementor-element.elementor-element-2f10d0b1 .elementor-custom-embed-play {
    background-color: rgba(242, 101, 34, 0.95) !important; /* رنگ نارنجی سازمانی با شفافیت جزئی */
    width: 75px !important;
    height: 75px !important;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(242, 101, 34, 0.4); /* هاله نور نارنجی اطراف دکمه */
    border: 3px solid #ffffff; /* حلقه سفید دور دکمه */
    transition: all 0.3s ease !important;
}

/* ۵. افکت دکمه پخش هنگام هاور موس */
.elementor-1708 .elementor-element.elementor-element-2f10d0b1 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* بزرگ شدن دکمه */
    background-color: #f26522 !important; /* نارنجی یکدست */
    box-shadow: 0 12px 30px rgba(242, 101, 34, 0.6);
}



/* ۵.فیت کردن اندازه ویدو  ویجت زمانی که ویدئو افقی است */
.elementor-1708 .elementor-element.elementor-element-2f10d0b1 video, .elementor-1708 .elementor-element.elementor-element-2f10d0b1 iframe {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-3a1e9dce *//* --- استایل یکپارچه چک‌باکس‌های WAPF هماهنگ با تم نبض فروش --- */

/* ایجاد فاصله و نظم بین گزینه‌ها */
.wapf-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 15px;
}

/* استایل کادر دور هر گزینه - هماهنگ با کارت‌های سایت */
.wapf-checkboxes label {
    display: flex !important;
    align-items: center;
    padding: 12px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background-color: #ffffff; /* پس‌زمینه سفید خالص */
    box-shadow: 0 1px 3px rgba(0,0,0,0.04); /* سایه بسیار نرم */
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 !important;
    width: 100%;
}

/* افکت هاور با رنگ نارنجی سازمانی */
.wapf-checkboxes label:hover {
    background-color: #fafaf9;
    border-color: #f26522; /* رنگ نارنجی مشابه دکمه‌های سایت */
    box-shadow: 0 2px 8px rgba(242, 101, 34, 0.1); /* سایه محو نارنجی */
}

/* 1. قرار دادن چک‌باکس در سمت راست و تغییر رنگ تیک به نارنجی */
.wapf-checkboxes input[type="checkbox"] {
    order: 1 !important; 
    margin-left: 12px !important; 
    margin-right: 0 !important;
    width: 20px !important; 
    height: 20px !important;
    cursor: pointer;
    accent-color: #f26522 !important; /* رنگ نارنجی نبض فروش */
}

/* 2. استایل متن اصلی گزینه */
.wapf-checkboxes label > span:not(.wapf-pricing-hint) {
    order: 2 !important;
    color: #1e293b; /* رنگ سرمه‌ای/خاکستری تیره برای خوانایی بهتر */
    font-weight: 500;
}

/* 3. استایل بج قیمت با تم نارنجی روشن */
.wapf-pricing-hint {
    order: 3 !important;
    margin-right: auto !important; 
    color: #ea580c; /* متن نارنجی تیره */
    background-color: #fff7ed; /* پس‌زمینه نارنجی بسیار روشن */
    border: 1px solid #ffedd5;
    font-weight: bold;
    font-size: 0.85em;
    padding: 4px 10px;
    border-radius: 6px;
}


/* --- چندخطی کردن توضیحات فیلدها --- */

/* تنظیمات کلی باکس توضیحات و بولد کردن خط اول */
.wapf-field-description {
    white-space: normal !important; 
    line-height: 1.8; 
    padding: 10px 0;
    font-weight: 700; /* ضخیم (بولد) کردن متن خط اول */
}

/* انتقال بخش دوم متن (تگ strong) به خط جدید و کوچکتر کردن آن */
.wapf-field-description strong {
    display: block; 
    margin-top: 8px; 
    font-weight: normal; /* برگرداندن ضخامت خط دوم به حالت عادی */
    font-size: 0.85em; /* کوچکتر کردن سایز متن خط دوم (۸۵٪ سایز اصلی) */
    color: #64748b; /* (اختیاری) کمی کم‌رنگ‌تر کردن متن خط دوم برای زیبایی بیشتر */
}

/* استایل‌دهی به لینک راهنما برای هماهنگی با تم سایت */
.wapf-field-description strong a {
    color: #f26522; /* رنگ نارنجی سازمانی نبض فروش */
    text-decoration: underline;
    font-weight: bold; /* بولد نگه داشتن خود لینک */
    font-size: 1.05em; /* کمی بزرگ‌تر کردن لینک نسبت به متن اطرافش */
}




/* ------------------------------------------------ */
/* ۱. استایل کلی باکس فاکتور (کادر، رنگ، سایه) */
/* ------------------------------------------------ */
.wapf-product-totals .wapf--inner {
    background-color: #fcfcfc !important;
    border: 1px solid #e2e8f0 !important;
    border-right: 4px solid #f26522 !important; /* نوار نارنجی نبض فروش */
    border-radius: 8px !important;
    padding: 15px 20px !important;
    margin-top: 25px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* ------------------------------------------------ */
/* ۲. تنظیم چیدمان ردیف‌ها (راست و چپ کردن مقادیر) */
/* ------------------------------------------------ */
.wapf-product-totals .wapf--inner > div {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed #cbd5e1 !important;
}

/* حذف خط‌چین از ردیف آخر */
.wapf-product-totals .wapf--inner > div:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* ------------------------------------------------ */
/* ۳. ترجمه کلمات انگلیسی به فارسی با استفاده از CSS */
/* ------------------------------------------------ */
/* مخفی کردن کلمات اصلی انگلیسی */
.wapf-product-totals .wapf--inner > div > span:first-child {
    font-size: 0 !important; 
}

/* استایل پایه برای کلمات فارسی جایگزین */
.wapf-product-totals .wapf--inner > div > span:first-child::before {
    font-size: 15px !important; 
    color: #475569 !important;
    font-weight: 600 !important;
}

/* ترجمه ردیف اول */
.wapf-product-totals .wapf--inner > div:nth-child(1) > span:first-child::before {
    content: "قیمت پایه محصول:" !important;
}

/* ترجمه ردیف دوم */
.wapf-product-totals .wapf--inner > div:nth-child(2) > span:first-child::before {
    content: "هزینه خدمات اضافی:" !important;
}

/* ترجمه ردیف سوم (جمع کل) */
.wapf-product-totals .wapf--inner > div:nth-child(3) > span:first-child::before {
    content: "جمع کل مبلغ:" !important;
    color: #1e293b !important;
    font-size: 17px !important;
    font-weight: bold !important;
}

/* ------------------------------------------------ */
/* ۴. استایل‌دهی به اعداد و قیمت‌ها */
/* ------------------------------------------------ */
/* قیمت‌های معمولی */
.wapf-product-totals .wapf--inner > div > span.price {
    font-weight: 600 !important;
    color: #64748b !important;
}

/* برجسته کردن قیمت نهایی به رنگ نارنجی */
.wapf-grand-total.price {
    color: #f26522 !important;
    font-size: 1.25em !important;
    font-weight: bold !important;
}





/* ------------------------------------------------ */
/* ۵. استایل دکمه افزودن به سبد خرید (نبض فروش) */
/* ------------------------------------------------ */
.woocommerce div.product form.cart .button.single_add_to_cart_button {
    background-color: #f26522 !important; /* رنگ نارنجی سازمانی */
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important; /* گوشه‌های گرد هماهنگ با فاکتور */
    padding: 12px 35px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    box-shadow: 0 4px 10px rgba(242, 101, 34, 0.3) !important; /* سایه ملایم نارنجی */
    transition: all 0.3s ease !important; /* انیمیشن نرم */
    min-height: 48px !important;
    cursor: pointer !important;
}

/* افکت هاور (هنگام قرار گرفتن موس روی دکمه) */
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
    background-color: #d9531e !important; /* نارنجی تیره‌تر */
    box-shadow: 0 6px 12px rgba(242, 101, 34, 0.4) !important;
    transform: translateY(-2px) !important; /* حرکت ریز به سمت بالا */
}

/* ------------------------------------------------ */
/* ۶. استایل باکس تعداد (Quantity) برای هماهنگی */
/* ------------------------------------------------ */
.woocommerce div.product form.cart div.quantity {
    margin-left: 10px !important; /* فاصله از دکمه */
}

.woocommerce div.product form.cart div.quantity input.qty {
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 10px !important;
    min-height: 48px !important; /* هم‌ارتفاع کردن با دکمه */
    font-size: 16px !important;
    color: #1e293b !important;
    background-color: #f8fafc !important;
}






/* استایل‌دهی به باکس خرید - استارتاپ نبض فروش */
.elementor-1708 .elementor-element.elementor-element-3a1e9dce {
    background-color: #f1f5f9; /* تغییر یافته: یک پرده تیره‌تر برای کنتراست بهتر */
    border: 1px solid #e2e8f0; 
    border-radius: 12px; 
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); 
    padding: 25px; 
    transition: all 0.3s ease; 
}

.elementor-1708 .elementor-element.elementor-element-3a1e9dce:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}












/* --- یکپارچه‌سازی و استایل‌دهی باکس متغیرهای ووکامرس --- */

/* تبدیل کل جدول به یک باکس سفید و مدرن */
.woocommerce div.product form.cart table.variations {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 20px !important;
    border: 1px solid #eaeaec !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
    width: 100%;
    display: block;
}

/* اصلاح ساختار ردیف‌ها برای نمایش زیر هم (مدرن‌تر برای فرم‌ها) */
.woocommerce div.product form.cart table.variations tbody,
.woocommerce div.product form.cart table.variations tr {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: transparent !important;
    border: none !important;
}

/* حذف رنگ‌های پس‌زمینه و حاشیه‌های مزاحم قالب از سلول‌های جدول */
.woocommerce div.product form.cart table.variations th.label,
.woocommerce div.product form.cart table.variations td.value {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
    display: block;
}

/* استایل لیبل (پیام‌رسان خود را انتخاب کنید) */
.woocommerce div.product form.cart table.variations th.label {
    text-align: right;
    margin-bottom: 12px;
    color: #2c3e50;
    font-weight: 600;
    font-size: 14px;
}

/* استایل فیلد کشویی (Select) */
.woocommerce div.product form.cart table.variations td.value select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #eaeaec !important;
    border-radius: 8px !important;
    background-color: #f9fafb !important; /* رنگ طوسی بسیار روشن فقط برای داخل فیلد */
    color: #4b5563;
    font-size: 14px;
    outline: none;
    box-shadow: none !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* افکت هاور و فوکوس با رنگ نارنجی نبض فروش */
.woocommerce div.product form.cart table.variations td.value select:focus,
.woocommerce div.product form.cart table.variations td.value select:hover {
    border-color: #f26522 !important;
}

/* استایل دکمه پاک کردن انتخاب */
.woocommerce div.product form.cart table.variations a.reset_variations {
    display: inline-block;
    margin-top: 12px;
    font-size: 12px;
    color: #ef4444;
    text-decoration: none;
}




/* --- جایگزینی کلمه "صاف" با "حذف انتخاب" و استایل دکمه --- */
.woocommerce div.product form.cart table.variations a.reset_variations {
    display: inline-block;
    margin-top: 15px;
    text-decoration: none !important;
    font-size: 0 !important; /* مخفی کردن کلمه اشتباه صاف */
}

.woocommerce div.product form.cart table.variations a.reset_variations::after {
    content: "× حذف انتخاب"; /* کلمه جایگزین */
    font-size: 12px;
    color: #ef4444; /* رنگ قرمز هشدار */
    background-color: #fef2f2;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid #fecaca;
    transition: all 0.3s ease;
    cursor: pointer;
}

.woocommerce div.product form.cart table.variations a.reset_variations:hover::after {
    background-color: #ef4444;
    color: #ffffff;
    border-color: #ef4444;
}






/* --- استایل‌دهی مدرن به قیمت متغیر انتخاب شده --- */

/* تنظیمات کلی عدد قیمت */
.woocommerce-variation-price .price {
    color: #f26522 !important; /* رنگ نارنجی سازمانی نبض فروش */
    font-size: 22px !important; /* اندازه مناسب عدد */
    font-weight: 800 !important; /* ضخامت بیشتر برای خوانایی بهتر */
    display: inline-flex;
    align-items: center;
    gap: 4px; /* فاصله ظریف بین عدد و واحد پول */
    direction: ltr; /* برای نمایش صحیح جداکننده هزارگان در اعداد فارسی/انگلیسی */
}

/* استایل‌دهی اختصاصی به واحد پول (تومان) */
.woocommerce-variation-price .price .woocommerce-Price-currencySymbol {
    color: #6c757d !important; /* رنگ خاکستری ملایم و مدرن */
    font-size: 14px !important; /* سایز کوچکتر نسبت به عدد اصلی */
    font-weight: 500 !important;
    margin-right: 2px;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-681d4fc *//* تغییر رنگ و ظاهر قیمت */
.elementor-widget-woocommerce-product-price .woocommerce-Price-amount {
    color: #183450 !important; /* رنگ مورد نظرت را اینجا بگذار */
    font-size: 21px !important; /* سایز دلخواه */
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a6357f8 *//* تنظیمات اسکرول نرم و حفظ فاصله از هدر */
html { scroll-behavior: smooth; }
.nabz-product-content h2, .nabz-product-content h3 { scroll-margin-top: 120px; }

/* کانتینر اصلی فهرست - کاهش حاشیه پایین */
#nabz-toc-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 5px 0 !important; /* <--- حاشیه پایین به 5 پیکسل کاهش یافت */
    display: flex;
    flex-wrap: wrap; 
    gap: 12px; 
}
#nabz-toc-list li { margin-bottom: 0 !important; }

/* استایل دکمه‌های کپسولی (حالت عادی) */
#nabz-toc-list a {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px; 
    background-color: #ffffff; 
    color: #334155;
    border: 1px solid #e2e8f0;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* استایل هاور - تغییر رنگ به سرمه‌ای برای تمایز با دکمه خرید */
#nabz-toc-list a:hover {
    background-color: #334155; /* رنگ سرمه‌ای تیره */
    color: #ffffff;
    border-color: #334155;
    box-shadow: 0 4px 10px rgba(51, 65, 85, 0.25);
}

.toc-h3 a { font-size: 13px; border-style: dashed; }

/* ====== تغییرات مخصوص موبایل (اسکرول افقی) ====== */
@media (max-width: 768px) {
    #nabz-toc-list {
        flex-wrap: nowrap; 
        overflow-x: auto; 
        padding-bottom: 5px !important;
        -webkit-overflow-scrolling: touch; 
        scrollbar-width: none; 
        -ms-overflow-style: none; 
    }
    
    #nabz-toc-list::-webkit-scrollbar {
        display: none; 
    }
    
    #nabz-toc-list a {
        white-space: nowrap; 
    }
}/* End custom CSS */