.elementor-4040 .elementor-element.elementor-element-fea71df{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4040 .elementor-element.elementor-element-2910879{--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-4040 .elementor-element.elementor-element-2910879.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4040 .elementor-element.elementor-element-dfbe10c .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-4040 .elementor-element.elementor-element-dfbe10c .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-4040 .elementor-element.elementor-element-dfbe10c .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-4040 .elementor-element.elementor-element-dfbe10c .jet-listing-dynamic-field__content{text-align:left;}.elementor-4040 .elementor-element.elementor-element-4b52300{--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-4040 .elementor-element.elementor-element-85a01bc{--display:flex;}.elementor-4040 .elementor-element.elementor-element-f7480ef{width:var( --container-widget-width, 59.003% );max-width:59.003%;--container-widget-width:59.003%;--container-widget-flex-grow:0;}.elementor-4040 .elementor-element.elementor-element-f7480ef.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4040 .elementor-element.elementor-element-790c376{--display:flex;}@media(min-width:768px){.elementor-4040 .elementor-element.elementor-element-2910879{--width:38.914%;}.elementor-4040 .elementor-element.elementor-element-4b52300{--width:50%;}}/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-f7480ef *//* ======= تب‌های محصول ووکامرس - استایل ساده خطی ======= */

/* مخفی کردن استایل پیش‌فرض */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border: none;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    gap: 30px; /* فاصله بین تب‌ها */
}

/* هر تب */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

/* لینک تب‌ها */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: 12px 0;
    font-size: 15px;
    font-weight: 600;
    color: #444; /* رنگ متن تب */
    text-decoration: none;
    border: none;
    transition: all .2s ease;
    position: relative;
}

/* خط زیر تب فعال */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #111; /* رنگ متن در حالت فعال */
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #e74c3c; /* رنگ خط زیر تب فعال (اینجا قرمز شده – می‌تونی بنفش یا هر رنگ دیگه بزنی) */
    border-radius: 2px;
}

/* مخفی کردن المان‌های اضافی ووکامرس */
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

/* استایل محتوای تب */
.woocommerce div.product .woocommerce-tabs .panel {
    border: 1px solid #eaeaea;
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

/* واکنش‌گرا برای موبایل */
@media (max-width: 768px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: column;
        gap: 10px;
    }
}/* End custom CSS */