.elementor-9039 .elementor-element.elementor-element-3014460 > .elementor-widget-container{transition:background 0s;}.elementor-9039 .elementor-element.elementor-element-3014460 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0s;}.elementor-9039 .elementor-element.elementor-element-3014460 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0s;}.elementor-9039 .elementor-element.elementor-element-3014460{--e-icon-list-icon-size:28px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-9039 .elementor-element.elementor-element-3014460 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-9039 .elementor-element.elementor-element-3014460 .elementor-icon-list-text{transition:color 0.3s;}/* Start custom CSS for icon-list, class: .elementor-element-3014460 *//* تنظیمات پایه کانتینر فهرست */
.elementor-9039 .elementor-element.elementor-element-3014460 .elementor-icon-list-items {
    display: flex !important;
    flex-direction: row-reverse !important; 
    justify-content: center !important;
    align-items: center !important;
    gap: 0px !important;
    position: relative;
    padding-bottom: 20px !important;
}

/* خط اتصال خاکستری */
.elementor-9039 .elementor-element.elementor-element-3014460 .elementor-icon-list-items::before {
    content: "";
    position: absolute;
    top: 25px; 
    left: 20%;
    right: 20%;
    height: 2px;
    background: #e0e0e0;
    z-index: 0;
}

/* استایل عمومی آیتم‌ها */
.elementor-9039 .elementor-element.elementor-element-3014460 .elementor-icon-list-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    z-index: 1;
    padding: 0 40px !important;
}

/* استایل آیکون تمام مراحل (دایره خاکستری) */
.elementor-9039 .elementor-element.elementor-element-3014460 .elementor-icon-list-icon {
    background-color: #e0e0e0 !important; /* رنگ خاکستری */
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;
    z-index: 2;
}

/* تغییر رنگ مرحله فعال (سبز) */
.elementor-9039 .elementor-element.elementor-element-3014460 .elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon {
    background-color: #00875a !important;
}

/* تنظیم متن‌ها */
.elementor-9039 .elementor-element.elementor-element-3014460 .elementor-icon-list-text {
    font-size: 14px !important;
    color: #333 !important;
    font-weight: 600 !important;
    background: #fff;
    padding: 0 5px;
}/* End custom CSS */
/* Start custom CSS for woocommerce-cart, class: .elementor-element-061a319 *//* ۱. سبز کردن تمام دکمه‌ها در کل کانتینر */
.elementor-9039 .elementor-element.elementor-element-061a319 .checkout-button, 
.elementor-9039 .elementor-element.elementor-element-061a319 .button[name="apply_coupon"] {
    background-color: #00875a !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 15px !important;
    transition: 0.3s !important;
}

.elementor-9039 .elementor-element.elementor-element-061a319 .checkout-button:hover, 
.elementor-9039 .elementor-element.elementor-element-061a319 .button[name="apply_coupon"]:hover {
    background-color: #006644 !important;
}

/* ۲. تغییر ظاهر کادر ورودی کد تخفیف */
.elementor-9039 .elementor-element.elementor-element-061a319 input[name="coupon_code"] {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 12px !important;
}

/* ۳. تغییر متن «کد کوپن» به «کد تخفیف» (با استفاده از CSS) */
.elementor-9039 .elementor-element.elementor-element-061a319 input[name="coupon_code"]::placeholder {
    font-size: 0;
}
.elementor-9039 .elementor-element.elementor-element-061a319 input[name="coupon_code"]::placeholder:before {
    content: "کد تخفیف";
    font-size: 14px;
    color: #999;
}/* End custom CSS */