.elementor-31 .elementor-element.elementor-element-141fbb9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-d2b22e1{--display:flex;--margin-top:-33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-141fbb9{--content-width:100%;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-3f855ab *//* ============================================================
   استایل کامل سبد خرید - نسخه قدرتمند (شکستن استایل‌های المنتور)
   ============================================================ */

/* 1. کادر و پس‌زمینه کلی برای کل بخش سبد خرید */
.elementor-widget-woocommerce-cart .elementor-widget-container,
.e-cart__container {
    background: #F8FAFC !important; 
    border: 1px solid #E2E8F0 !important;
    border-radius: 24px !important; /* گرد کردن کل کادر */
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    gap: 30px !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
}

/* 2. ستون سمت راست (محصولات) */
.e-cart__main {
    flex: 1 1 63% !important; 
    max-width: 63% !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 20px !important; /* گرد کردن گوشه‌ها */
    padding: 25px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    overflow: hidden !important;
}

/* 3. ستون سمت چپ (مجموع سبد خرید) - عریض‌تر و گردتر */
.e-cart__aside {
    flex: 1 1 35% !important; 
    max-width: 35% !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 20px !important; /* گرد کردن گوشه‌ها */
    padding: 25px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    position: sticky !important;
    top: 20px !important;
}

/* شکستن استایل‌های پیش‌فرض کانتینرهای المنتور */
.e-cart__main > .e-cart__column-inner,
.e-cart__aside > .e-cart__column-inner {
    border-radius: 20px !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 4. اصلاح جدول و اعداد بخش «مجموع سبد خرید» */
.cart_totals {
    width: 100% !important;
}

.cart_totals h2 {
    font-size: 22px !important; 
    font-weight: 800 !important;
    color: #0F172A !important;
    border-bottom: 2px solid #F1F5F9 !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
}

.cart_totals table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.cart_totals table.shop_table th,
.cart_totals table.shop_table td {
    font-size: 16px !important; 
    padding: 16px 0 !important;
    color: #334155 !important;
    border-bottom: 1px solid #F1F5F9 !important;
}

.cart_totals .order-total th,
.cart_totals .order-total td {
    font-size: 20px !important; 
    font-weight: 900 !important;
    color: #0F172A !important;
    border-bottom: none !important;
}

/* 5. دکمه «به‌روزرسانی سبد خرید» (کاملاً پررنگ) */
/* این سلکتور بسیار قدرتمند است تا هر استایلی را بشکند */
form.woocommerce-cart-form button[name="update_cart"],
form.woocommerce-cart-form input[name="update_cart"],
.e-cart__main button.button:not(.checkout-button) {
    background: #2563EB !important; 
    color: #FFFFFF !important; 
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 25px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3) !important;
    display: inline-block !important;
}

form.woocommerce-cart-form button[name="update_cart"]:hover,
.e-cart__main button.button:not(.checkout-button):hover {
    background: #1D4ED8 !important;
    transform: translateY(-2px) !important;
}

/* 6. استایل جدول محصولات */
table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    margin-bottom: 0 !important;
}

table.shop_table th {
    background: #F8FAFC !important;
    color: #64748B !important;
    font-weight: 700 !important;
    padding: 15px 10px !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

table.shop_table td {
    padding: 15px 10px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    vertical-align: middle !important;
}

table.shop_table td.product-thumbnail img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    border: 1px solid #E2E8F0 !important;
}

table.shop_table td.product-quantity input.qty {
    width: 60px !important;
    padding: 8px !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 10px !important;
    text-align: center !important;
    font-family: inherit !important;
    font-weight: 700 !important;
}

/* 7. دکمه پرداخت */
.wc-proceed-to-checkout a.checkout-button {
    background: linear-gradient(135deg, #3B82F6, #2563EB) !important;
    color: #FFFFFF !important;
    border: none !important;
    width: 100% !important;
    padding: 16px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 15px rgba(37, 99, 235, 0.4) !important;
    text-align: center !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.5) !important;
}

/* 8. استایل کادر کوپن (که در تصویر شما پایین بود) */
.coupon {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important; /* گرد کردن کادر کوپن */
    padding: 20px !important;
    margin-top: 20px !important;
}

.coupon input#coupon_code {
    flex: 1 !important;
    padding: 14px 16px !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 10px !important;
    font-family: inherit !important;
    outline: none !important;
}

/* 9. دکمه اعمال کوپن */
button.button[name="apply_coupon"] {
    background: #FFFFFF !important;
    color: #2563EB !important;
    border: 1.5px solid #2563EB !important;
    border-radius: 10px !important;
    padding: 14px 24px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

button.button[name="apply_coupon"]:hover {
    background: #2563EB !important;
    color: #FFFFFF !important;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .elementor-widget-woocommerce-cart .elementor-widget-container,
    .e-cart__container {
        padding: 15px !important;
        flex-direction: column !important;
    }
    .e-cart__main, .e-cart__aside {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .coupon {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}/* End custom CSS */