/* ==========================================================================
   BIPC — پتروشیمی بندر امام | Custom CSS
   رنگ تاکیدی: #ED1D24   |   رنگ مکمل: #2E3191
   --------------------------------------------------------------------------
   فهرست:
   1.  عمومی سایت
   2.  هدر — پایه و چسبان
   3.  هدر — دسکتاپ (بالای 1024px)
   4.  هدر — موبایل و تبلت (تا 1024px)
   5.  سوییچر زبان
   6.  پنل همبرگری موبایل
   7.  مگامنو
   8.  هدر — حالت سفید هنگام هاور
   9.  هدر چسبان — محو با اسکرول
   10. تب محصولات تولیدی (jvpat)
   11. کارت‌های مناقصه (pte)
   12. عنوان صفحات داخلی
   13. اسلایدر هیرو
   14. سایدبار مرکز مشتریان (jbce)
   15. آیکون‌های شبکه اجتماعی
   ========================================================================== */


/* ==========================================================================
   1. عمومی سایت
   ========================================================================== */

/* مهار سرریز افقی بدون شکستن sticky و بدون بریدن مگامنو
   برش روی ظرف محتوا است، نه روی body — مگامنو خارج از این ظرف قرار دارد */
html {
    overflow-x: clip;
    overflow-y: scroll;
}

body {
    overflow-x: visible;
    overflow-y: visible;
    max-width: 100vw;
}

.main-page-wrapper,
.wd-page-content {
    overflow-x: clip;
}

body.home .main-page-wrapper {
    background-color: #F6F6F6;
}

.woodmart-button-wrapper.inline-element {
    margin-bottom: 0;
}

.promo-banner .promo-banner-image {
    border-radius: 15px;
}

.labels-rectangular .product-label {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;
    margin-right: 5px;
}

.woodmart-hover-tiled .product-wrapper {
    border-radius: 10px;
    overflow: hidden;
    background: #FFFFFF;
}

.product-grid-item.woodmart-hover-tiled .hover-img img,
.product-grid-item.woodmart-hover-tiled .product-image-link img {
    width: 100%;
    padding: 20px;
}


/* ==========================================================================
   2. هدر — پایه و چسبان
   ========================================================================== */

.whb-main-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    background: linear-gradient(180deg, rgba(0, 51, 204, .75) 0%, rgba(0, 51, 204, 0) 100%);
}

.whb-general-header {
    background: transparent;
    border: none !important;
}

.whb-header:not(.whb-sticked) .whb-general-header.whb-sticky-row {
    position: relative !important;
    top: auto !important;
}

/* حالت چسبان: پس‌زمینه سفید */
.whb-sticked .whb-main-header,
.whb-sticked .whb-general-header,
.whb-clone,
.whb-clone .whb-general-header {
    background: #FFFFFF !important;
    background-image: none !important;
}

.whb-sticked .whb-main-header,
.whb-clone {
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
}

/* آیکون‌های تصویری قرمز (جستجو و کره زمین) */
.wd-header-search .wd-tools-icon img,
.whb-general-header img[src*="Container"],
.whb-general-header img[src*="Search"],
.bipc-lang-toggle img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(94%) saturate(6010%)
            hue-rotate(353deg) brightness(97%) contrast(92%) !important;
}


/* ==========================================================================
   3. هدر — دسکتاپ (بالای 1024px)
   ========================================================================== */

@media (min-width: 1025px) {

    /* ---------- نوار بالا ---------- */
    .whb-top-bar {
        background: transparent;
        padding: 8px 0 9px;
    }

    .whb-top-bar .whb-flex-row {
        border-bottom: 1px solid rgba(255, 255, 255, .6);
    }

    .whb-top-bar .wd-header-text {
        font-size: 14px;
        line-height: 22px;
        color: #FFFFFF;
    }

    .whb-top-bar .wd-social-icons {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .whb-top-bar .wd-social-icon {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #E0E0E0 !important;
        background: transparent !important;
        transition: color .3s ease;
    }

    .whb-top-bar .wd-social-icon:hover {
        color: #ED1D24 !important;
    }

    .whb-top-bar .info-svg-wrapper img {
        width: 17px !important;
        height: 16px !important;
    }

    .whb-top-bar .wd-header-divider {
        width: 1px;
        height: 13px;
        margin: 0 20px;
        background: #E8EDF2;
    }

    .whb-top-bar .wd-header-divider::before {
        display: none;
    }

    .whb-top-bar .wd-header-divider + .wd-header-divider {
        display: none !important;
    }

    /* ---------- ردیف اصلی ---------- */
    .whb-general-header-inner {
        display: flex;
        flex-wrap: nowrap !important;
        align-items: center !important;
        height: 64px;
    }

    .whb-general-header-inner .whb-col-left,
    .whb-general-header-inner .whb-col-right {
        flex: 0 0 auto !important;
        position: relative;
        z-index: 2;
    }

    .whb-general-header-inner .whb-col-right {
        gap: 21px;
    }

    .whb-general-header-inner .whb-col-center {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        justify-content: center;
        overflow: visible;
        margin: 0 16px;
    }

    .site-logo .wd-logo img {
        max-width: 94px !important;
        height: auto;
    }

    /* ---------- منوی اصلی ---------- */
    .wd-header-main-nav {
        height: 64px;
        width: 100%;
        justify-content: center;
    }

    .wd-header-main-nav ul.menu {
        width: 100%;
        height: 64px;
        flex-wrap: nowrap !important;
        align-items: stretch;
        justify-content: center;
        white-space: nowrap;
        gap: 0 !important;
    }

    .wd-header-main-nav ul.menu > .menu-item {
        display: flex;
        align-items: center;
        margin: 0 !important;
        border-top: 2px solid transparent;
        transition: border-color .3s ease;
    }

    /* فاصله بین آیتم‌های منو: عدد padding را تغییر دهید */
    .wd-header-main-nav ul.menu > .menu-item > .woodmart-nav-link {
        height: 100%;
        padding: 0 14px !important;
        font-size: 16px;
        line-height: 28px;
        font-weight: 700;
        color: #FFFFFF !important;
        white-space: nowrap;
    }

    .wd-header-main-nav ul.menu > .menu-item:hover,
    .wd-header-main-nav ul.menu > .current-menu-item,
    .wd-header-main-nav ul.menu > .current-menu-ancestor {
        border-top-color: #ED1D24 !important;
    }

    .wd-header-main-nav .woodmart-nav-link::after,
    .wd-header-main-nav .nav-link-text::after {
        display: none !important;
    }

    /* ---------- زیرمنوی ساده ---------- */
    .wd-header-main-nav .wd-sub-menu {
        padding: 16px 0;
        background: #FFFFFF;
    }

    .wd-header-main-nav .wd-sub-menu .woodmart-nav-link {
        padding: 10px 24px;
        font-size: 14px;
        color: #1F1F1F !important;
    }

    .wd-header-main-nav .wd-sub-menu .woodmart-nav-link:hover,
    .wd-header-main-nav .wd-sub-menu .current-menu-item > .woodmart-nav-link {
        color: #ED1D24 !important;
    }

    /* ---------- زبان، جستجو و لینک سامانه ---------- */
    .gtranslate_wrapper {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .gtranslate_wrapper a {
        font-size: 18px;
        line-height: 27px;
        color: #FFFFFF !important;
        text-decoration: none;
        opacity: .8;
    }

    .gtranslate_wrapper a.gt-current-lang,
    .gtranslate_wrapper a:hover {
        opacity: 1;
    }

    .whb-general-header .info-svg-wrapper img {
        width: 21px !important;
        height: 21px !important;
    }

    .wd-header-search .wd-tools-icon img {
        width: 20px !important;
        height: 20px !important;
    }

    .wd-header-search .wd-tools-text {
        display: none;
    }

    .whb-general-header .wd-header-text a {
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
    }

    /* ---------- حالت چسبان: فقط لوگو و منو ---------- */
    .whb-sticked .whb-general-header .whb-col-right,
    .whb-clone .whb-col-right {
        display: none !important;
    }

    .whb-sticked .whb-general-header-inner .whb-col-center,
    .whb-clone .whb-general-header-inner .whb-col-center {
        flex: 1 1 auto;
        justify-content: flex-start;
    }

    .whb-sticked .wd-header-main-nav ul.menu > .menu-item > .woodmart-nav-link,
    .whb-sticked .wd-header-main-nav ul.menu > .menu-item:hover > .woodmart-nav-link,
    .whb-sticked .wd-header-main-nav ul.menu > .current-menu-item > .woodmart-nav-link,
    .whb-clone .wd-header-main-nav ul.menu > .menu-item > .woodmart-nav-link,
    .whb-clone .wd-header-main-nav ul.menu > .menu-item:hover > .woodmart-nav-link,
    .whb-clone .wd-header-main-nav ul.menu > .current-menu-item > .woodmart-nav-link {
        color: #000000 !important;
    }
}

/* ---------- صفحه‌های تا 1440 پیکسل ---------- */
@media (min-width: 1025px) and (max-width: 1440px) {

    .wd-header-main-nav ul.menu > .menu-item > .woodmart-nav-link {
        font-size: 14px !important;
        padding: 0 9px !important;
    }

    .whb-general-header-inner .whb-col-right {
        gap: 14px !important;
    }

    .gtranslate_wrapper a {
        font-size: 15px !important;
    }

    .whb-general-header .wd-header-text a {
        font-size: 14px !important;
    }
}

/* ---------- لپ‌تاپ‌های کوچک تا 1280 پیکسل ---------- */
@media (min-width: 1025px) and (max-width: 1280px) {

    .wd-header-main-nav ul.menu > .menu-item > .woodmart-nav-link {
        font-size: 13px !important;
        padding: 0 7px !important;
    }

    /* متن «سامانه الکترونیکی» مخفی، فقط دکمه قرمز بماند */
    .whb-general-header .whb-col-right .wd-header-text:has(a[href]) {
        display: none !important;
    }

    .site-logo .wd-logo img {
        max-width: 80px !important;
    }
}


/* ==========================================================================
   4. هدر — موبایل و تبلت (تا 1024px)
   همبرگری راست | لوگو وسط | جستجو و کره زمین چپ
   ========================================================================== */

@media (max-width: 1024px) {

    .whb-header:not(.whb-sticked) .whb-main-header {
        background: linear-gradient(180deg, rgba(0, 51, 204, .85) 0%, rgba(0, 51, 204, 0) 100%);
    }

    .whb-general-header-inner {
        display: flex !important;
        align-items: center !important;
        height: 74px;
        position: relative;
    }

    .whb-general-header-inner .whb-mobile-left {
        flex: 1 1 0 !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .whb-general-header-inner .whb-mobile-center {
        flex: 0 0 auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .whb-general-header-inner .whb-mobile-right {
        flex: 1 1 0 !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 20px;
    }

    .site-logo .wd-logo img {
        max-width: 94px !important;
        height: auto;
    }

    .whb-mobile-right .wd-header-search .wd-tools-icon,
    .whb-mobile-right .wd-header-search .wd-tools-icon::before {
        color: #ED1D24 !important;
        font-size: 20px;
    }

    .whb-mobile-right .wd-header-search .wd-tools-text {
        display: none !important;
    }

    .whb-mobile-right .bipc-lang-toggle,
    .whb-mobile-right .bipc-lang-toggle img {
        width: 21px !important;
        height: 21px !important;
    }

    /* ---------- آیکون همبرگری: سه خط 20×2 ---------- */
    .wd-header-mobile-nav .wd-tools-icon {
        position: relative;
        display: inline-block;
        width: 20px !important;
        height: 14px !important;
    }

    .wd-header-mobile-nav .wd-tools-icon::before,
    .wd-header-mobile-nav .wd-tools-icon::after {
        content: '' !important;
        position: absolute;
        right: 0;
        width: 20px;
        height: 2px;
        font-size: 0;
        background: #FFFFFF;
    }

    .wd-header-mobile-nav .wd-tools-icon::before {
        top: 0;
        box-shadow: 0 6px 0 #FFFFFF;
    }

    .wd-header-mobile-nav .wd-tools-icon::after {
        top: 12px;
    }

    .wd-header-mobile-nav .wd-tools-text {
        display: none !important;
    }

    /* ---------- حالت چسبان موبایل: فقط لوگو و همبرگری ---------- */
    .whb-sticked .whb-mobile-right > *,
    .whb-clone .whb-mobile-right > * {
        visibility: hidden !important;
    }

    .whb-sticked .wd-header-mobile-nav .wd-tools-icon::before,
    .whb-sticked .wd-header-mobile-nav .wd-tools-icon::after,
    .whb-clone .wd-header-mobile-nav .wd-tools-icon::before,
    .whb-clone .wd-header-mobile-nav .wd-tools-icon::after {
        background: #000000 !important;
    }

    .whb-sticked .wd-header-mobile-nav .wd-tools-icon::before,
    .whb-clone .wd-header-mobile-nav .wd-tools-icon::before {
        box-shadow: 0 6px 0 #000000 !important;
    }
}


/* ==========================================================================
   5. سوییچر زبان
   ========================================================================== */

.bipc-lang-switcher {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.bipc-lang-toggle {
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    min-height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: #ED1D24 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

/* آیکون کره زمین با ماسک — مستقل از فایل تصویر */
.bipc-lang-toggle img {
    display: none !important;
}

.bipc-lang-toggle::before {
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    background: #ED1D24;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.bipc-lang-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    z-index: 999;
    min-width: 130px;
    padding: 6px 0;
    display: none;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}

.bipc-lang-switcher.is-open .bipc-lang-dropdown {
    display: flex;
}

.bipc-lang-dropdown a {
    display: block;
    padding: 10px 16px;
    font-size: 14px;
    text-align: right;
    white-space: nowrap;
    text-decoration: none;
    color: #1F1F1F !important;
}

.bipc-lang-dropdown a:hover,
.bipc-lang-dropdown a.is-current,
.bipc-lang-dropdown a.gt-current-lang {
    background: rgba(237, 29, 36, .08) !important;
    color: #ED1D24 !important;
}


/* ==========================================================================
   6. پنل همبرگری موبایل
   ========================================================================== */

/* ---------- باز شدن از سمت راست ---------- */
.mobile-nav.wd-side-hidden,
.mobile-nav.wd-side-hidden.wd-left,
.mobile-nav.wd-side-hidden.wd-right {
    left: auto !important;
    right: 0 !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    transform: translate3d(100%, 0, 0) !important;
    transition: transform .35s ease, visibility .35s ease !important;
}

.mobile-nav.wd-side-hidden.wd-opened,
.mobile-nav.wd-side-hidden.wd-left.wd-opened,
.mobile-nav.wd-side-hidden.wd-right.wd-opened {
    transform: translate3d(0, 0, 0) !important;
}

/* ---------- ظاهر پنل ---------- */
.mobile-nav,
.mobile-nav.wd-side-hidden {
    background: #FFFFFF !important;
    direction: rtl !important;
    text-align: right !important;
}

/* عناصر غیرضروری ووکامرس و دکمه سامانه الکترونیکی */
.mobile-nav .wd-search-form,
.mobile-nav .searchform,
.mobile-nav form[role="search"],
.mobile-nav .wd-nav-mob-tab,
.mobile-nav .mobile-categories-menu,
.mobile-nav .bipc-mobile-elink,
.mobile-nav .wd-nav-mobile li[class*="wishlist"],
.mobile-nav .wd-nav-mobile li[class*="compare"],
.mobile-nav .wd-nav-mobile li[class*="account"] {
    display: none !important;
}

/* ---------- آیتم‌های منو ---------- */
.mobile-nav .wd-nav-mobile {
    direction: rtl !important;
    background: transparent !important;
}

.mobile-nav .wd-nav-mobile li {
    position: relative;
    background: transparent !important;
    text-align: right !important;
}

.mobile-nav .wd-nav-mobile > li {
    border-bottom: 1px solid #EEEEEE !important;
}

.mobile-nav .wd-nav-mobile li > a {
    display: flex !important;
    justify-content: flex-start !important;
    direction: rtl !important;
    text-align: right !important;
    color: #000000 !important;
    background: transparent !important;
    transition: color .25s ease, background .25s ease;
}

.mobile-nav .wd-nav-mobile > li > a {
    padding: 14px 20px 14px 56px !important;
    font-size: 15px;
    font-weight: 700;
}

/* هاور: قرمز */
.mobile-nav .wd-nav-mobile li > a:hover {
    color: #ED1D24 !important;
    background: rgba(237, 29, 36, .06) !important;
}

/* آیتم فعال: سرمه‌ای */
.mobile-nav .wd-nav-mobile li.current-menu-item > a,
.mobile-nav .wd-nav-mobile li.current-menu-ancestor > a,
.mobile-nav .wd-nav-mobile li.current_page_item > a,
.mobile-nav .wd-nav-mobile li.opener-page > a {
    color: #2E3191 !important;
    background: #C7C8E4 !important;
}

/* ---------- زیرمنوها ---------- */
.mobile-nav .wd-nav-mobile .wd-sub-menu,
.mobile-nav .wd-nav-mobile ul.sub-menu {
    background: #F7F7F7 !important;
    border-top: 1px solid #EEEEEE;
}

.mobile-nav .wd-nav-mobile .wd-sub-menu li > a,
.mobile-nav .wd-nav-mobile ul.sub-menu li > a {
    padding: 12px 36px 12px 20px !important;
    font-size: 14px;
    font-weight: 400;
    color: #1F1F1F !important;
}

.mobile-nav .wd-nav-mobile .wd-sub-menu li:not(:last-child),
.mobile-nav .wd-nav-mobile ul.sub-menu li:not(:last-child) {
    border-bottom: 1px solid #EEEEEE;
}

/* ---------- فلش بازکننده زیرمنو ---------- */
.mobile-nav .wd-nav-opener {
    position: absolute !important;
    top: 0;
    left: 0 !important;
    right: auto !important;
    width: 48px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000 !important;
    background: transparent !important;
    border: none !important;
    border-right: 1px solid #EEEEEE !important;
    transition: color .25s ease;
}

.mobile-nav .wd-nav-opener:hover,
.mobile-nav .wd-nav-opener.wd-active,
.mobile-nav .wd-nav-opener::after {
    color: #ED1D24 !important;
}

.mobile-nav .wd-nav-mobile li.current-menu-item > .wd-nav-opener,
.mobile-nav .wd-nav-mobile li.current-menu-ancestor > .wd-nav-opener,
.mobile-nav .wd-nav-mobile li.current_page_item > .wd-nav-opener,
.mobile-nav .wd-nav-mobile li.opener-page > .wd-nav-opener {
    color: #2E3191 !important;
    background: #C7C8E4 !important;
    border-right-color: rgba(46, 49, 145, .15) !important;
}

/* ---------- شبکه‌های اجتماعی پایین پنل ---------- */
.bipc-mobile-social {
    margin: 24px 20px 30px;
    padding-top: 20px;
    border-top: 1px solid #E0E0E0;
}

.bipc-mobile-social .wd-social-icons {
    display: flex !important;
    justify-content: center;
    gap: 12px;
    direction: ltr;
}

.bipc-mobile-social .wd-social-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F3F3F3 !important;
    color: #1F1F1F !important;
    transition: background .25s ease, color .25s ease;
}

.bipc-mobile-social .wd-social-icon:hover {
    background: #ED1D24 !important;
    color: #FFFFFF !important;
}


/* ==========================================================================
   7. مگامنو
   ========================================================================== */

/* آیتم‌های منو هم‌ارتفاع ردیف هدر تا دراپ‌داون دقیقاً زیر هدر بنشیند */
.whb-general-header .wd-nav-main {
    align-items: stretch;
}

.whb-general-header .wd-nav-main > li {
    display: flex;
    align-items: center;
}

.whb-general-header .wd-nav-main > li > a {
    display: flex;
    align-items: center;
    height: 100%;
}

.whb-general-header .wd-nav-main > li > .wd-dropdown-menu {
    top: 100% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border: none !important;
}

.whb-main-header .wd-dropdown-menu::before,
.whb-main-header .wd-dropdown-menu::after {
    display: none !important;
}

/* وزن بالا برای غلبه بر استایل داخل ویجت‌های المنتور */
.whb-main-header .wd-dropdown-menu .elementor-widget-container .bipc-mega,
.whb-main-header .wd-dropdown-menu .elementor-widget-container .bipc-about-mega,
.whb-main-header .wd-dropdown-menu .elementor-widget-container .bipc-media-mega,
.whb-main-header .wd-dropdown-menu .elementor-widget-container .bipc-electronic-mega {
    margin-top: 0 !important;
    padding: 44px 48px !important;
    border-radius: 0 !important;
    box-shadow: 0 18px 30px -12px rgba(0, 0, 0, .18) !important;
}

/* رنگ‌های مگامنوی محصولات */
.bipc-mega-more,
.bipc-mega-more:hover,
.bipc-mega-list a:hover,
.bipc-mega-more-item a,
.bipc-mega-more-item a:hover {
    color: #ED1D24 !important;
}

.bipc-mega-more svg {
    stroke: #ED1D24 !important;
}


/* ==========================================================================
   8. هدر — حالت سفید هنگام هاور
   ========================================================================== */

/* ---------- حذف پس‌زمینه آبی ردیف‌ها ---------- */
.whb-main-header:hover .whb-row,
.whb-main-header:hover .whb-top-bar,
.whb-main-header:hover .whb-general-header,
.whb-main-header:hover .whb-header-bottom,
.whb-main-header:hover .whb-flex-row,
.whb-main-header:hover .container {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

.whb-main-header:hover .whb-row::before,
.whb-main-header:hover .whb-row::after,
.whb-main-header:hover .whb-row-overlay {
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
}

/* ---------- سفید شدن هدر ---------- */
.whb-main-header {
    transition: background-color .25s ease;
}

.whb-main-header:hover,
.whb-overcontent.whb-main-header:hover,
.whb-sticked .whb-main-header:hover {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
}

/* ---------- مشکی شدن متن‌ها ---------- */
.whb-main-header:hover .wd-header-text,
.whb-main-header:hover .wd-nav-main > li > a,
.whb-main-header:hover .wd-nav-main > li > a .nav-link-text,
.whb-main-header:hover .wd-tools-element > a,
.whb-main-header:hover .wd-tools-element .wd-tools-text,
.whb-main-header:hover .wd-tools-element .wd-tools-icon,
.whb-main-header:hover .wd-social-icons .wd-social-icon,
.whb-main-header:hover .gtranslate_wrapper a.glink,
.whb-main-header:hover .bipc-lang-toggle {
    color: #1F1F1F !important;
    transition: color .25s ease;
}

/* استثناها: قرمز بمانند */
.whb-main-header:hover .gtranslate_wrapper a.gt-current-lang,
.whb-main-header:hover .bipc-lang-dropdown a.is-current,
.whb-main-header:hover .wd-nav-main > li:hover > a .nav-link-text,
.whb-main-header:hover .wd-nav-main > li.current-menu-item > a .nav-link-text {
    color: #ED1D24 !important;
}

/* ---------- آیکون‌های سفید → مشکی ---------- */
.whb-main-header:hover .info-svg-wrapper img,
.whb-main-header:hover .info-box-icon img,
.whb-main-header:hover .wd-custom-icon {
    filter: brightness(0);
    transition: filter .25s ease;
}

/* استثنا: این آیکون قرمز بماند */
.whb-main-header:hover .whb-t3vhen1ufc8sixrvzh9g .info-box-icon img {
    filter: none !important;
}

/* ---------- خطوط جداکننده و آیکون‌های اجتماعی ---------- */
.whb-main-header:hover .wd-header-divider {
    border-color: #1F1F1F !important;
    background-color: #1F1F1F !important;
    transition: border-color .25s ease, background-color .25s ease;
}

.whb-main-header:hover .wd-social-icons.wd-shape-circle .wd-social-icon {
    border-color: rgba(0, 0, 0, .15) !important;
}

/* ---------- تعویض لوگو به نسخه آبی ---------- */
.whb-main-header .site-logo.wd-switch-logo {
    position: relative;
    width: 94px;      /* هم‌اندازه max-width لوگو تا منو جابه‌جا نشود */
    min-height: 50px;
}

.whb-main-header .site-logo img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: right center;
}

.whb-main-header .wd-switch-logo .wd-main-logo,
.whb-main-header .wd-switch-logo .wd-sticky-logo {
    transition: opacity .25s ease, visibility .25s ease;
}

.whb-main-header .wd-switch-logo .wd-sticky-logo {
    position: absolute !important;
    top: 0;
    right: 0;
    display: block !important;
    opacity: 0;
    visibility: hidden;
}

.whb-main-header:hover .wd-switch-logo .wd-main-logo {
    opacity: 0 !important;
    visibility: hidden !important;
}

.whb-main-header:hover .wd-switch-logo .wd-sticky-logo {
    opacity: 1 !important;
    visibility: visible !important;
}


/* ==========================================================================
   9. هدر چسبان — محو با اسکرول پایین، ظاهر با اسکرول بالا
   کلاس bipc-header-hidden را فایل JS اضافه و حذف می‌کند
   ========================================================================== */

.whb-clone,
.whb-sticked .whb-general-header.whb-sticky-row {
    transition: transform .35s ease, opacity .35s ease !important;
    will-change: transform;
}

.whb-clone.bipc-header-hidden,
.whb-general-header.bipc-header-hidden {
    transform: translateY(-100%) !important;
    opacity: 0 !important;
    pointer-events: none;
}


/* ==========================================================================
   10. تب محصولات تولیدی (jvpat)
   ۳ ستون، زیر هر ستون ۲ آیتم، نقطه قرمز، بدون اسکرول
   ========================================================================== */

.jvpat-shell .jvpat-content-inner ul {
    list-style: none !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: none !important;
    grid-template-rows: repeat(2, auto) !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 1fr !important;
    gap: 12px 20px !important;
    columns: auto !important;
}

.jvpat-shell .jvpat-content-inner ul li {
    position: relative !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 20px 0 0 !important;
    width: auto !important;
    float: none !important;
}

.jvpat-shell .jvpat-content-inner ul li::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #ED1D24 !important;
}

.jvpat-shell .jvpat-content,
.jvpat-shell .jvpat-content-inner {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
}


/* ==========================================================================
   11. کارت‌های مناقصه (pte) — اسکرول افقی در موبایل
   ========================================================================== */

@media (max-width: 768px) {

    body section.pte-wrap div.pte-layout {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        gap: 12px !important;
        padding-bottom: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch;
    }

    body section.pte-wrap div.pte-layout > div.pte-featured,
    body section.pte-wrap div.pte-layout > div.pte-compact-list {
        display: contents !important;
    }

    body section.pte-wrap div.pte-layout article.pte-card {
        flex: 0 0 66% !important;
        width: 66% !important;
        max-width: 66% !important;
        min-width: 0 !important;
        margin: 0 !important;
        scroll-snap-align: start !important;
    }
}


/* ==========================================================================
   12. عنوان صفحات داخلی
   ========================================================================== */

.wd-page-title.page-title {
    position: relative;
    overflow: hidden;
}

.wd-page-title.page-title::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to left, rgba(46, 49, 145, 1) 0%, rgba(46, 49, 145, 0) 100%);
}

.wd-page-title.page-title > .container {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {

    .wd-page-title.page-title {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .wd-page-title .entry-title.title {
        font-size: 22px;
        line-height: 1.3;
    }

    .wd-page-title .wd-breadcrumbs {
        font-size: 12px;
    }
}


/* ==========================================================================
   13. اسلایدر هیرو — نوار پیشرفت
   ========================================================================== */

.jvhs-progress::before,
.jvhs-progress-fill,
.jvhs-nav-button.is-active .jvhs-progress::before {
    background: #ED1D24 !important;
}


/* ==========================================================================
   14. سایدبار دسترسی سریع مرکز مشتریان (jbce)
   ========================================================================== */

/* ---------- چسبندگی ---------- */
.jbce-customers .jbce-sidebar.is-sticky {
    position: sticky !important;
    top: 100px;                        /* ارتفاع هدر چسبان */
    align-self: start !important;
    max-height: none !important;
    overflow-y: visible !important;
}

.jbce-customers,
.jbce-customers .jbce-layout,
.elementor-widget-jbce-customers,
.elementor-widget-jbce-customers .elementor-widget-container {
    overflow: visible !important;
}

.jbce-customers .jbce-anchor {
    scroll-margin-top: 110px;
}

/* ---------- آیکون آیتم‌ها ---------- */
.jbce-customers .jbce-sidebar nav a .jbce-nav-icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #F2F2F7;
    color: #8A8CA6;
    transition: background .2s ease, color .2s ease;
}

.jbce-customers .jbce-sidebar nav a .jbce-nav-icon svg {
    width: 17px;
    height: 17px;
    display: block;
}

.jbce-customers .jbce-sidebar nav a:hover .jbce-nav-icon,
.jbce-customers .jbce-sidebar nav a[aria-current="true"] .jbce-nav-icon {
    background: rgba(237, 29, 36, .12);
    color: #ED1D24;
}

/* ---------- موبایل ---------- */
@media (max-width: 1100px) {

    .jbce-customers .jbce-sidebar.is-sticky {
        top: 84px !important;
    }

    .jbce-customers .jbce-sidebar nav a .jbce-nav-icon {
        display: grid;
        flex: 0 0 26px;
        width: 26px;
        height: 26px;
    }

    .jbce-customers .jbce-sidebar nav a .jbce-nav-icon svg {
        width: 15px;
        height: 15px;
    }
}


/* ==========================================================================
   15. آیکون‌های شبکه اجتماعی (کلون‌شده از فوتر)
   کلاس‌ها را فایل JS اضافه می‌کند
   ========================================================================== */

.bipc-social--header,
.bipc-social--mobile {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    direction: ltr;
}

.bipc-social--header li,
.bipc-social--mobile li {
    margin: 0;
    padding: 0;
    border: none;
}

.bipc-social--header a,
.bipc-social--mobile a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: color .25s ease, background .25s ease;
}

.bipc-social--header .bipc-social__icon,
.bipc-social--mobile .bipc-social__icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bipc-social--header .bipc-social__icon svg,
.bipc-social--mobile .bipc-social__icon svg {
    width: 17px;
    height: 17px;
    display: block;
    overflow: visible;
    shape-rendering: geometricPrecision;
}

/* اندازه مستقل از متغیر درون‌خطی فوتر */
.bipc-social--header .bipc-social__icon,
.bipc-social--mobile .bipc-social__icon {
    --bipc-icon: 17px;
}

/* آیکون‌های توپر: فقط پر، بدون خط دور (خط دور باعث مات شدن می‌شود) */
.bipc-social--header svg path,
.bipc-social--mobile svg path {
    fill: currentColor;
    stroke: none;
}

/* آیکون بله خطی است، نه توپر */
.bipc-social--header a[aria-label="bale"] svg path,
.bipc-social--mobile a[aria-label="bale"] svg path {
    fill: none;
    stroke: currentColor;
}

/* ---------- در نوار بالای هدر ---------- */
.bipc-social--header a {
    color: #E0E0E0;
}

.bipc-social--header a:hover {
    color: #ED1D24;
}

/* هنگام سفید شدن هدر */
.whb-main-header:hover .bipc-social--header a {
    color: #1F1F1F;
}

.whb-main-header:hover .bipc-social--header a:hover {
    color: #ED1D24;
}

/* ---------- در پنل همبرگری موبایل ---------- */
.bipc-social--mobile {
    justify-content: center;
    gap: 12px;
}

.bipc-social--mobile a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #F3F3F3;
    color: #1F1F1F;
}

.bipc-social--mobile a:hover {
    background: #ED1D24;
    color: #FFFFFF;
}