.elementor-3823 .elementor-element.elementor-element-8bf6b3a{--display:flex;}.elementor-3823 .elementor-element.elementor-element-25c383b{--sections-background-color:#000000;--sections-border-type:none;--sections-border-radius:15px 15px 15px 15px;--sections-padding:5px 5px 5px 5px;--order-summary-rows-gap-top:calc( 15px/2 );--order-summary-rows-gap-bottom:calc( 15px/2 );--order-summary-color:#FFFFFF;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-25c383b *//* ========================================================
   حذف پس‌زمینه سفید از جدول سبد خرید و بخش کد تخفیف
   ======================================================== */

/* شفاف کردن پس‌زمینه فرم، جدول، ردیف‌ها و سلول‌ها */
.elementor-3823 .elementor-element.elementor-element-25c383b .woocommerce-cart-form,
.elementor-3823 .elementor-element.elementor-element-25c383b .woocommerce-cart-form table.shop_table,
.elementor-3823 .elementor-element.elementor-element-25c383b .woocommerce-cart-form table.shop_table tbody,
.elementor-3823 .elementor-element.elementor-element-25c383b .woocommerce-cart-form table.shop_table tr,
.elementor-3823 .elementor-element.elementor-element-25c383b .woocommerce-cart-form table.shop_table td,
.elementor-3823 .elementor-element.elementor-element-25c383b .woocommerce-cart-form table.shop_table th,
.elementor-3823 .elementor-element.elementor-element-25c383b .actions {
    background-color: transparent !important;
    background: transparent !important;
}

/* در صورت نیاز به افزودن افکت شیشه‌ای (Glassmorphism) به جای سفیدی برای بخش سمت راست */
.elementor-3823 .elementor-element.elementor-element-25c383b .woocommerce-cart-form {
    background: rgba(15, 15, 15, 0.4) !important; /* رنگ تیره با شفافیت */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 15px !important;
    padding: 20px !important;
}/* End custom CSS */
/* Start custom CSS *//* ========================================================
   استایل تم تاریک، شیشه‌ای و طلایی برای ویجت سبد خرید المنتور
   ======================================================== */

/* 1. استایل‌دهی به دو باکس اصلی (لیست محصولات و جمع کل) */
body.elementor-page-3823 .woocommerce-cart-form,
body.elementor-page-3823 .cart-collaterals {
    background: rgba(15, 15, 15, 0.6) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* 2. هدرهای جدول */
body.elementor-page-3823 table.shop_table th {
    background-color: transparent !important;
    color: #D4AF37 !important; /* رنگ طلایی */
    border-bottom: 1px solid rgba(212, 175, 55, 0.4) !important;
    font-weight: 700 !important;
    padding-bottom: 15px !important;
}

/* 3. ردیف‌ها و سلول‌های جدول */
body.elementor-page-3823 table.shop_table td {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #E0E0E0 !important;
}

/* 4. نام محصول و لینک‌ها */
body.elementor-page-3823 table.shop_table td.product-name a {
    color: #E0E0E0 !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}
body.elementor-page-3823 table.shop_table td.product-name a:hover {
    color: #D4AF37 !important;
}

/* 5. فیلدهای ورودی (تعداد محصولات و کد تخفیف) */
body.elementor-page-3823 .quantity input.qty,
body.elementor-page-3823 .coupon input.input-text {
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    color: #D4AF37 !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

/* 6. دکمه‌های ثانویه (اعمال کد تخفیف و بروزرسانی سبد) */
body.elementor-page-3823 .button[name="update_cart"],
body.elementor-page-3823 .coupon .button {
    background: transparent !important;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}
body.elementor-page-3823 .button[name="update_cart"]:hover,
body.elementor-page-3823 .coupon .button:hover {
    background: rgba(212, 175, 55, 0.1) !important;
    color: #FFF !important;
}

/* 7. دکمه اصلی (اقدام به پرداخت) - تغییر از آبی به گرادیانت طلایی */
body.elementor-page-3823 .checkout-button {
    background: linear-gradient(135deg, #D4AF37 0%, #AA8022 100%) !important;
    color: #000 !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    padding: 15px 20px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2) !important;
}
body.elementor-page-3823 .checkout-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5) !important;
}

/* 8. متون و قیمت‌های بخش جمع کل */
body.elementor-page-3823 .cart_totals h2 {
    color: #D4AF37 !important;
    border-bottom: 1px dashed rgba(212, 175, 55, 0.3) !important;
    padding-bottom: 15px !important;
}
body.elementor-page-3823 .cart_totals th, 
body.elementor-page-3823 .cart_totals td {
    color: #E0E0E0 !important;
}
body.elementor-page-3823 .amount {
    color: #D4AF37 !important;
    font-weight: bold !important;
}
body.elementor-page-3823 .order-total .amount {
    font-size: 1.3em !important;
}

/* 9. دکمه حذف محصول (ضربدر) */
body.elementor-page-3823 .product-remove a.remove {
    color: #ff4d4d !important;
    background: transparent !important;
}
body.elementor-page-3823 .product-remove a.remove:hover {
    color: #ff1a1a !important;
}/* End custom CSS */