.elementor-66 .elementor-element.elementor-element-c17db84{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-66 .elementor-element.elementor-element-c17db84 > .elementor-shape-top .elementor-shape-fill, .elementor-66 .elementor-element.elementor-element-c17db84 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-15132f4 );}.elementor-66 .elementor-element.elementor-element-e44007e{width:100%;max-width:100%;}.elementor-66 .elementor-element.elementor-element-e44007e > .elementor-widget-container{padding:30px 30px 30px 30px;border-style:none;}.elementor-66 .elementor-element.elementor-element-e44007e.elementor-element{--align-self:center;}.elementor-66 .elementor-element.elementor-element-e44007e .wd-tabs{--wd-row-gap:0px;}.elementor-66 .elementor-element.elementor-element-e44007e .wd-tabs .tabs-name{font-family:"Yekanbakh", Sans-serif;}.elementor-66 .elementor-element.elementor-element-e44007e .wd-nav-tabs{--nav-color:var( --e-global-color-7d2b46a );--nav-bg:var( --e-global-color-15132f4 );--nav-color-hover:var( --e-global-color-7d2b46a );--nav-bg-hover:var( --e-global-color-50a515a );--nav-color-active:var( --e-global-color-7d2b46a );--nav-bg-active:var( --e-global-color-50a515a );--nav-gap:10px;--nav-pd:30px 30px 30px 30px;}.elementor-66 .elementor-element.elementor-element-e44007e .wd-nav-tabs > li > a{box-shadow:0px 1px 6px -3px rgba(0,0,0,0.5);}.elementor-66 .elementor-element.elementor-element-e44007e .wd-nav-tabs > li:hover > a{border-style:dotted;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-15132f4 );}.elementor-66 .elementor-element.elementor-element-e44007e .wd-nav-tabs > li.wd-active > a{border-style:dotted;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-15132f4 );}.elementor-66 .elementor-element.elementor-element-e44007e .wd-products-with-bg, .elementor-66 .elementor-element.elementor-element-e44007e .wd-products-with-bg .wd-product{--wd-prod-bg:var( --e-global-color-15132f4 );--wd-bordered-bg:var( --e-global-color-15132f4 );}.elementor-66 .elementor-element.elementor-element-3e41b48{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-66 .elementor-element.elementor-element-8bdf8d0{--display:flex;}.elementor-66 .elementor-element.elementor-element-a577460{width:100%;max-width:100%;}.elementor-66 .elementor-element.elementor-element-a577460.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-66 .elementor-element.elementor-element-a577460 .title{color:var( --e-global-color-7d2b46a );}.elementor-66 .elementor-element.elementor-element-e96ca8f{--display:flex;--overlay-opacity:0.5;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-66 .elementor-element.elementor-element-e96ca8f:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-e96ca8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-15132f4 );}.elementor-66 .elementor-element.elementor-element-e96ca8f::before, .elementor-66 .elementor-element.elementor-element-e96ca8f > .elementor-background-video-container::before, .elementor-66 .elementor-element.elementor-element-e96ca8f > .e-con-inner > .elementor-background-video-container::before, .elementor-66 .elementor-element.elementor-element-e96ca8f > .elementor-background-slideshow::before, .elementor-66 .elementor-element.elementor-element-e96ca8f > .e-con-inner > .elementor-background-slideshow::before, .elementor-66 .elementor-element.elementor-element-e96ca8f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-15132f4 );--background-overlay:'';}.elementor-66 .elementor-element.elementor-element-c3c9b6d{width:100%;max-width:100%;}.elementor-66 .elementor-element.elementor-element-c3c9b6d > .elementor-widget-container{margin:0px 50px 0px 50px;padding:0px 0px 0px 0px;border-style:none;}.elementor-66 .elementor-element.elementor-element-c3c9b6d.elementor-element{--align-self:center;}.elementor-66 .elementor-element.elementor-element-c3c9b6d:hover .elementor-widget-container{border-style:none;}.elementor-66 .elementor-element.elementor-element-c3c9b6d .wd-el-title{color:var( --e-global-color-15132f4 );}.elementor-66 .elementor-element.elementor-element-c02544a{--display:flex;--border-radius:60px 60px 60px 60px;--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-66 .elementor-element.elementor-element-c02544a:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-c02544a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-50a515a );}.elementor-66 .elementor-element.elementor-element-dd35a86{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-66 .elementor-element.elementor-element-dbf4e1d{--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;}/* Start custom CSS for wd_products_tabs, class: .elementor-element-e44007e *//* =========================================================
   DR COFFEE - AJAX PRODUCT TABS
   نسخه کامل نهایی
========================================================= */


/* =========================================================
   1. خود ویجت
========================================================= */

.cafe-tabs-slider {
    width: 100% !important;
}


/* =========================================================
   2. نوار اصلی تب‌ها
========================================================= */

.cafe-tabs-slider .wd-tabs-header {
    width: 100% !important;
    overflow: hidden !important;
}


/* =========================================================
   3. ناحیه اسکرول تب‌ها
========================================================= */

.cafe-tabs-slider .wd-nav-wrapper.wd-nav-tabs-wrapper {
    width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch;

    padding: 0 0 18px !important;

    direction: rtl;

    scrollbar-width: auto !important;
}


/* =========================================================
   4. لیست تب‌ها
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title {
    display: flex !important;

    flex-wrap: nowrap !important;

    width: max-content !important;

    min-width: 100%;

    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    direction: rtl;

    justify-content: flex-start !important;
}


/* =========================================================
   5. هر تب - حالت عادی
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li {

    flex: 0 0 auto !important;

    width: 125px !important;
    min-width: 125px !important;

    height: 138px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #FFFFFF !important;

    border-radius: 12px !important;

    position: relative;

    overflow: hidden;

    box-sizing: border-box;

    /* سایه ملایم */
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.10) !important;

    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease !important;
}


/* =========================================================
   6. لینک داخل تب
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li > a {

    width: 100% !important;
    height: 100% !important;

    min-height: 138px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    padding: 10px !important;

    margin: 0 !important;

    border: none !important;

    border-radius: 12px !important;

    background: transparent !important;

    color: #292929 !important;

    box-sizing: border-box;

    text-decoration: none !important;
}


/* =========================================================
   7. حذف استایل پیش‌فرض Woodmart
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li > a::after,
.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li > a::before {

    display: none !important;
}


/* =========================================================
   8. ناحیه آیکون
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title .img-wrapper {

    width: 65px !important;
    height: 65px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
}


/* =========================================================
   9. تصویر آیکون
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title .img-wrapper img {

    width: 65px !important;
    height: 65px !important;

    max-width: 65px !important;
    max-height: 65px !important;

    object-fit: contain !important;

    margin: 0 !important;

    transition: transform .25s ease !important;
}


/* =========================================================
   10. متن تب
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title .tab-label {

    display: block !important;

    margin: 0 !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    color: #292929 !important;

    white-space: nowrap !important;

    text-align: center !important;
}


/* =========================================================
   11. HOVER + ACTIVE
   هر دو دقیقاً یک ظاهر
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li:hover,
.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li.wd-active {

    background: #A62B2B !important;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16) !important;

    transform: translateY(-2px) !important;
}


/* =========================================================
   12. خط‌چین سفید در HOVER + ACTIVE
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li:hover::before,
.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li.wd-active::before {

    content: "" !important;

    position: absolute !important;

    inset: 7px !important;

    border: 2px dashed #FFFFFF !important;

    border-radius: 10px !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* =========================================================
   13. متن HOVER + ACTIVE
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li:hover .tab-label,
.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li.wd-active .tab-label {

    color: #FFFFFF !important;
}


/* =========================================================
   14. لینک HOVER + ACTIVE
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li:hover > a,
.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li.wd-active > a {

    position: relative !important;

    z-index: 3 !important;
}


/* =========================================================
   15. آیکون HOVER
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li:hover img {

    transform: scale(1.06) !important;
}


/* =========================================================
   16. آیکون ACTIVE
========================================================= */

.cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li.wd-active img {

    transform: scale(1.02) !important;
}


/* =========================================================
   17. اسکرول بار
========================================================= */

.cafe-tabs-slider .wd-nav-wrapper.wd-nav-tabs-wrapper::-webkit-scrollbar {

    height: 10px !important;
}


.cafe-tabs-slider .wd-nav-wrapper.wd-nav-tabs-wrapper::-webkit-scrollbar-track {

    background: #E5E2DE !important;

    border-radius: 20px !important;
}


.cafe-tabs-slider .wd-nav-wrapper.wd-nav-tabs-wrapper::-webkit-scrollbar-thumb {

    background: #A62B2B !important;

    border-radius: 20px !important;
}


.cafe-tabs-slider .wd-nav-wrapper.wd-nav-tabs-wrapper::-webkit-scrollbar-thumb:hover {

    background: #8F2424 !important;
}


/* =========================================================
   18. محتوای محصولات
========================================================= */

.cafe-tabs-slider .wd-tabs-content-wrapper {

    width: 100% !important;

    overflow: visible !important;

    padding-top: 0 !important;
}


/* =========================================================
   19. جلوگیری از اسکرول افقی محصولات
========================================================= */

.cafe-tabs-slider .wd-tab-content {

    width: 100% !important;

    overflow: visible !important;
}


/* =========================================================
   20. محصولات
========================================================= */

.cafe-tabs-slider .products {

    margin-top: 0 !important;

    width: 100% !important;
}


/* =========================================================
   21. عنوان دسته محصولات
========================================================= */

.cafe-tabs-slider .wd-tabs-content-wrapper::before {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    min-height: 50px;

    margin: 20px 0 22px;

    box-sizing: border-box;

    direction: rtl;

    /* فونت پیش‌فرض سایت */
    font-family: inherit !important;

    /* اندازه عنوان */
    font-size: 25px !important;

    font-weight: 700 !important;

    line-height: 1.4;

    color: #292929;

    /* خطوط مشکی دو طرف عنوان */
    background:

        repeating-linear-gradient(
            to right,
            #000000 0,
            #000000 6px,
            transparent 6px,
            transparent 11px
        )
        left center / 42% 2px no-repeat,

        repeating-linear-gradient(
            to right,
            #000000 0,
            #000000 6px,
            transparent 6px,
            transparent 11px
        )
        right center / 42% 2px no-repeat;

    content: "دسته محصولات";
}


/* =========================================================
   22. عنوان دسته‌های مختلف
========================================================= */

.cafe-tabs-slider:has(.products-tabs-title > li.wd-active:nth-child(1))
.wd-tabs-content-wrapper::before {

    content: "بستنی";
}


.cafe-tabs-slider:has(.products-tabs-title > li.wd-active:nth-child(2))
.wd-tabs-content-wrapper::before {

    content: "صبحانه";
}


.cafe-tabs-slider:has(.products-tabs-title > li.wd-active:nth-child(3))
.wd-tabs-content-wrapper::before {

    content: "شیک بار";
}


.cafe-tabs-slider:has(.products-tabs-title > li.wd-active:nth-child(4))
.wd-tabs-content-wrapper::before {

    content: "پیش غذا";
}


.cafe-tabs-slider:has(.products-tabs-title > li.wd-active:nth-child(5))
.wd-tabs-content-wrapper::before {

    content: "قهوه";
}


.cafe-tabs-slider:has(.products-tabs-title > li.wd-active:nth-child(6))
.wd-tabs-content-wrapper::before {

    content: "آیس کافی";
}


.cafe-tabs-slider:has(.products-tabs-title > li.wd-active:nth-child(7))
.wd-tabs-content-wrapper::before {

    content: "پاستا";
}


.cafe-tabs-slider:has(.products-tabs-title > li.wd-active:nth-child(8))
.wd-tabs-content-wrapper::before {

    content: "موکتل";
}


/* =========================================================
   23. موبایل
========================================================= */

@media (max-width: 767px) {

    /* اندازه تب‌ها */

    .cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li {

        width: 105px !important;

        min-width: 105px !important;

        height: 120px !important;

        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10) !important;
    }


    /* لینک تب */

    .cafe-tabs-slider .wd-nav-tabs.products-tabs-title > li > a {

        min-height: 120px !important;

        padding: 8px !important;
    }


    /* آیکون */

    .cafe-tabs-slider .wd-nav-tabs.products-tabs-title .img-wrapper {

        width: 52px !important;

        height: 52px !important;
    }


    /* تصویر */

    .cafe-tabs-slider .wd-nav-tabs.products-tabs-title .img-wrapper img {

        width: 52px !important;

        height: 52px !important;

        max-width: 52px !important;

        max-height: 52px !important;
    }


    /* نوشته تب */

    .cafe-tabs-slider .wd-nav-tabs.products-tabs-title .tab-label {

        font-size: 14px !important;
    }


    /* عنوان دسته */

    .cafe-tabs-slider .wd-tabs-content-wrapper::before {

        font-family: inherit !important;

        font-size: 21px !important;

        font-weight: 700 !important;

        background-size:
            34% 2px,
            34% 2px;
    }

}/* End custom CSS */