.elementor-30728 .elementor-element.elementor-element-e0bbdf7{--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;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30728 .elementor-element.elementor-element-573b39e{--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-30728 .elementor-element.elementor-element-539b355{--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;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30728 .elementor-element.elementor-element-0f04406{--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-30728 .elementor-element.elementor-element-0f04406.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30728 .elementor-element.elementor-element-0f70458{width:var( --container-widget-width, 102.992% );max-width:102.992%;--container-widget-width:102.992%;--container-widget-flex-grow:0;}.elementor-30728 .elementor-element.elementor-element-0f70458.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-30728 .elementor-element.elementor-element-0f70458.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-30728 .elementor-element.elementor-element-0f70458.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-30728 .elementor-element.elementor-element-330a4ad{--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-30728 .elementor-element.elementor-element-3f80125{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-30728 .elementor-element.elementor-element-911e243{--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(max-width:1280px){.elementor-30728 .elementor-element.elementor-element-0f70458.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-30728 .elementor-element.elementor-element-e0bbdf7{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30728 .elementor-element.elementor-element-539b355{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30728 .elementor-element.elementor-element-0f70458.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-30728 .elementor-element.elementor-element-0f04406{--width:75%;}.elementor-30728 .elementor-element.elementor-element-330a4ad{--width:25%;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-9d87d94 *//* استایل کانتینر اصلی بردکرامپ */
.woocommerce-breadcrumb, 
.yoast-breadcrumb, 
.rank-math-breadcrumb {
    background: #f4f6f8; /* خاکستری خیلی روشن */
    padding: 12px 20px;
    border-radius: 4px; /* گوشه‌های تیزتر برای حس صنعتی */
    margin-bottom: 25px;
    
    /* تغییر مهم: عرض به اندازه محتوا */
    display: inline-flex !important; 
    width: auto !important;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;

    /* خط قرمز زیرین - نصفه و متغیر */
    border-bottom: 3px solid #d32f2f; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* کمی سایه برای جدا شدن از زمینه */
}

/* لینک‌های عادی */
.woocommerce-breadcrumb a {
    color: #444 !important; /* خاکستری تیره */
    font-weight: 700 !important; /* ضخیم */
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s;
}

.woocommerce-breadcrumb a:hover {
    color: #d32f2f !important; /* قرمز در حالت هاور */
}

/* جداکننده (/) یا (>) */
.woocommerce-breadcrumb .delimiter {
    margin: 0 8px;
    color: #bbb;
    font-weight: 300;
}

/* آیتم آخر (صفحه فعلی) - خیلی بولد */
.woocommerce-breadcrumb span:last-child {
    color: #000 !important; /* مشکی خالص */
    font-weight: 900 !important; /* خیلی ضخیم */
    font-size: 15px; /* کمی بزرگتر */
    letter-spacing: -0.5px; /* کمی فشرده‌تر */
    border-bottom: 2px solid rgba(0,0,0,0.1); /* تاکید ریز زیر آیتم آخر */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-511ef88 *//* --- استایل کلی کانتینر --- */
.custom-cat-navigation {
    margin: 10px 0 35px 0; /* فاصله از بالا کمتر، از پایین بیشتر */
    width: 100%;
    position: relative;
}

/* --- استایل دکمه‌ها --- */
a.cat-nav-btn {
    background-color: #2b2b2b !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 11px 22px !important; /* کمی کشیده‌تر */
    border-radius: 4px !important;
    border: 1px solid #2b2b2b !important;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* سایه ریز برای عمق */
}

/* هاور دکمه‌ها */
a.cat-nav-btn:hover {
    background-color: #fdd835 !important;
    color: #000 !important;
    border-color: #fdd835 !important;
    transform: translateY(-3px);
    box-shadow: 0 5px 12px rgba(0,0,0,0.15);
}

/* آیکون فلش کوچک */
a.cat-nav-btn::before {
    content: "›"; 
    margin-left: 8px;
    font-size: 18px;
    line-height: 0;
    position: relative;
    top: -1px;
    color: #999; /* فلش کمی کمرنگ‌تر */
    transition: color 0.3s;
}
a.cat-nav-btn:hover::before {
    color: #000; /* فلش در هاور مشکی شود */
}

/* --- نسخه دسکتاپ (اصلاح تراز به راست) --- */
@media (min-width: 769px) {
    .custom-cat-navigation > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start !important; /* تراز از راست (شروع) */
        gap: 12px; /* فاصله بین دکمه‌ها */
    }
}

/* --- نسخه موبایل (بهینه‌سازی شده) --- */
@media (max-width: 768px) {
    .custom-cat-navigation > div {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        gap: 10px;
        padding-bottom: 10px;
        padding-right: 5px; /* فاصله از لبه راست صفحه */
        padding-left: 15px; /* فاصله از لبه چپ برای راحتی اسکرول */
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    
    .custom-cat-navigation > div::-webkit-scrollbar { 
        display: none; 
    }

    a.cat-nav-btn {
        flex: 0 0 auto;
        font-size: 12px !important;
        padding: 9px 16px !important;
    }
    
    /* حذف افکت گرادینت مزاحم و جایگزینی با نشانگر ظریف */
    /* اگر کاربر اسکرول کند مشخص است، نیازی به سایه مزاحم نیست */
}/* End custom CSS */
/* Start custom CSS for sidebar, class: .elementor-element-3f80125 *//* 1. کانتینر اصلی هر ابزارک */
.industrial-sidebar .widget {
    background: transparent; /* پس‌زمینه کلی شفاف */
    margin-bottom: 30px; /* فاصله زیاد بین باکس‌ها */
    border: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08); /* سایه برجسته */
}

/* 2. استایل سربرگ (Header) - مشکی و صنعتی */
.industrial-sidebar .widget-title {
    background: #1a1a1a; /* مشکی ذغالی */
    background: linear-gradient(180deg, #2b2b2b 0%, #1a1a1a 100%); /* گرادینت فلزی */
    color: #ffffff;
    padding: 15px 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 900; /* فونت خیلی ضخیم */
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #333;
    display: flex;
    align-items: center;
}

/* 3. خط قرمز نئونی سمت چپ (امضای کار) */
.industrial-sidebar .widget-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #d32f2f; /* قرمز */
    box-shadow: 1px 0 8px rgba(211, 47, 47, 0.6); /* درخشش نور قرمز */
    z-index: 1;
}

/* 4. بدنه ابزارک (Body) - سفید/طوسی */
.industrial-sidebar .widget > ul,
.industrial-sidebar .widget > div,
.industrial-sidebar .widget > form,
.industrial-sidebar .widget-content {
    background: #fdfdfd;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-top: none; /* اتصال به هدر */
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* 5. استایل لیست آیتم‌ها */
.industrial-sidebar ul.product-categories li,
.industrial-sidebar .wc-layered-nav-term {
    padding: 8px 0;
    border-bottom: 1px solid #eee; /* خط‌های جداکننده نازک */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.industrial-sidebar li:last-child {
    border-bottom: none;
}

/* 6. لینک‌ها و متن‌ها */
.industrial-sidebar a {
    color: #444;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s;
    text-decoration: none;
}

.industrial-sidebar a:hover {
    color: #d32f2f; /* قرمز شدن در هاور */
    padding-right: 5px;
}

/* 7. استایل خاص برای چک‌باکس‌های وودمارت */
/* مربع چک‌باکس */
.industrial-sidebar .wd-checkbox {
    border: 2px solid #888 !important; /* کادر طوسی تیره */
    border-radius: 2px !important; /* گوشه‌های تقریبا تیز */
}

/* وقتی تیک می‌خورد */
.industrial-sidebar .wd-active .wd-checkbox {
    background-color: #d32f2f !important; /* قرمز */
    border-color: #d32f2f !important;
}

/* 8. استایل اسلایدر قیمت (بسیار مهم برای ظاهر صنعتی) */
.industrial-sidebar .widget_price_filter .ui-slider-horizontal {
    height: 6px;
    background: #e1e1e1; /* مسیر خاموش */
    border-radius: 0;
    margin-bottom: 20px;
}

.industrial-sidebar .widget_price_filter .ui-slider-range {
    background: #2b2b2b; /* مسیر پر شده (مشکی) */
}

.industrial-sidebar .widget_price_filter .ui-slider-handle {
    background: #d32f2f; /* دستگیره قرمز */
    border-radius: 0; /* دستگیره مربعی */
    width: 12px;
    height: 12px;
    top: -4px;
    border: none;
}

/* دکمه فیلتر قیمت */
.industrial-sidebar .widget_price_filter .button {
    background: #2b2b2b;
    color: #fff;
    border-radius: 0;
    font-weight: bold;
    padding: 8px 20px;
    text-transform: uppercase;
}
.industrial-sidebar .widget_price_filter .button:hover {
    background: #d32f2f;
}/* End custom CSS */