/* =========================================
   PAKESHTI SHOP - CHECKOUT ORDER REVIEW
   Black / Red Style - WoodMart
   ========================================= */


/* =========================================
   1. حذف افکت‌ها و پس‌زمینه‌های اضافی WoodMart
   ========================================= */

.checkout-order-review::before,
.checkout-order-review::after,
.checkout-order-review .wd-table-wrapper::before,
.checkout-order-review .wd-table-wrapper::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================
   2. کل باکس سفارش
   ========================================= */

.checkout-order-review {
    background: #151515 !important;
    border: 1px solid #2b2b2b !important;
    border-radius: 14px !important;
    padding: 25px !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
}


/* =========================================
   3. عنوان «سفارش شما»
   ========================================= */

.checkout-order-review #order_review_heading {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #2f2f2f !important;
}


/* =========================================
   4. Wrapper جدول
   ========================================= */

.checkout-order-review .wd-table-wrapper {
    background: #151515 !important;
    background-color: #151515 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}


/* =========================================
   5. جدول اصلی
   ========================================= */

.checkout-order-review .wd-table-wrapper .shop_table {
    background: #151515 !important;
    background-color: #151515 !important;
    border: 1px solid #303030 !important;
    border-radius: 8px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: #ffffff !important;
    width: 100% !important;
    overflow: hidden !important;
}


/* =========================================
   6. جدول - حالت عمومی
   ========================================= */

.checkout-order-review .shop_table {
    background: #151515 !important;
    background-color: #151515 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: #ffffff !important;
    width: 100% !important;
}


/* =========================================
   7. هدر جدول
   ========================================= */

.checkout-order-review .shop_table thead {
    background: #1d1d1d !important;
}

.checkout-order-review .shop_table thead th {
    color: #ffffff !important;
    background: #1d1d1d !important;
    border: 0 !important;
    padding: 15px !important;
    font-weight: 700 !important;
}


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

.checkout-order-review .shop_table tbody tr {
    background: #181818 !important;
}

.checkout-order-review .shop_table tbody td {
    background: #181818 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #2b2b2b !important;
    padding: 16px 12px !important;
}


/* نام محصول */

.checkout-order-review .cart-product-label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}


/* تعداد محصول */

.checkout-order-review .product-quantity {
    color: #ff3b3b !important;
    font-weight: 700 !important;
    margin-right: 8px !important;
}


/* قیمت محصولات */

.checkout-order-review .wd-checkout-prod-total,
.checkout-order-review .wd-checkout-prod-total .amount,
.checkout-order-review .wd-checkout-prod-total bdi {
    color: #ff3b3b !important;
    font-weight: 700 !important;
}


/* واحد تومان */

.checkout-order-review .woocommerce-Price-currencySymbol {
    color: inherit !important;
}


/* =========================================
   9. Footer جدول
   ========================================= */

.checkout-order-review .shop_table tfoot {
    background: #181818 !important;
}


/* حالت عمومی ردیف‌های Footer */

.checkout-order-review .shop_table tfoot tr {
    background: #181818 !important;
}


/* سلول‌های Footer */

.checkout-order-review .shop_table tfoot th,
.checkout-order-review .shop_table tfoot td {
    color: #ffffff !important;
    background: #181818 !important;
    border: 0 !important;
    border-bottom: 1px solid #2b2b2b !important;
    padding: 15px 12px !important;
}


/* =========================================
   10. جمع جزء
   ========================================= */

.checkout-order-review .cart-subtotal {
    background: #181818 !important;
}

.checkout-order-review .cart-subtotal th,
.checkout-order-review .cart-subtotal td {
    background: #181818 !important;
    color: #ffffff !important;
}

.checkout-order-review .cart-subtotal .amount,
.checkout-order-review .cart-subtotal bdi {
    color: #ffffff !important;
    font-weight: 600 !important;
}


/* =========================================
   11. حمل و نقل - FIX اصلی WoodMart
   ========================================= */

/*
   WoodMart روی این ردیف رفتار Flex ایجاد می‌کند.
   ردیف را عمودی می‌کنیم تا th و td روی هم قرار بگیرند.
*/

.checkout-order-review
.shop_table
tr.woocommerce-shipping-totals.shipping {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

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

    background: #181818 !important;
    border: 0 !important;
}


/* عنوان حمل و نقل */

.checkout-order-review
.shop_table
tr.woocommerce-shipping-totals.shipping > th {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    background: #181818 !important;
    color: #ffffff !important;

    border: 0 !important;
    border-bottom: 1px solid #2b2b2b !important;

    padding: 15px 12px !important;
    margin: 0 !important;

    text-align: right !important;

    font-weight: 700 !important;
}


/* سلول گزینه‌های حمل و نقل */

.checkout-order-review
.shop_table
tr.woocommerce-shipping-totals.shipping > td {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    background: #181818 !important;
    color: #ffffff !important;

    border: 0 !important;
    border-bottom: 1px solid #2b2b2b !important;

    padding: 12px !important;
    margin: 0 !important;

    text-align: right !important;
}


/* حذف data-title خود WooCommerce */

.checkout-order-review
.shop_table
tr.woocommerce-shipping-totals.shipping > td::before {
    display: none !important;
    content: none !important;
}


/* =========================================
   12. لیست روش‌های ارسال
   ========================================= */

.checkout-order-review #shipping_method {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

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

    list-style: none !important;
}


/* هر روش ارسال */

.checkout-order-review #shipping_method li {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 7px 0 !important;

    background: transparent !important;
    border: 0 !important;

    list-style: none !important;
}


/* حذف pseudo element های WoodMart */

.checkout-order-review #shipping_method li::before,
.checkout-order-review #shipping_method li::after {
    display: none !important;
    content: none !important;
}


/* =========================================
   13. رادیوهای حمل و نقل
   ========================================= */

.checkout-order-review
#shipping_method
li input[type="radio"] {
    position: static !important;

    display: inline-block !important;

    float: none !important;

    width: auto !important;
    height: auto !important;

    margin: 0 0 0 8px !important;

    padding: 0 !important;

    flex: 0 0 auto !important;

    accent-color: #e60000 !important;
}


/* =========================================
   14. متن روش حمل و نقل
   ========================================= */

.checkout-order-review
#shipping_method
li label {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    max-width: none !important;

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

    background: transparent !important;

    border: 0 !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.8 !important;

    cursor: pointer !important;
}


/* =========================================
   15. مجموع نهایی
   ========================================= */

.checkout-order-review .order-total {
    background: #1d1d1d !important;
}

.checkout-order-review .order-total th,
.checkout-order-review .order-total td {
    background: #1d1d1d !important;
    color: #ffffff !important;

    border-bottom: 0 !important;

    padding: 18px 12px !important;
}


/* قیمت نهایی */

.checkout-order-review .order-total .amount,
.checkout-order-review .order-total bdi {
    color: #ff3030 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}


/* =========================================
   16. Payment
   ========================================= */

.checkout-order-review #payment {
    background: #151515 !important;
    border: 0 !important;
    margin-top: 20px !important;
}


/* باکس روش پرداخت */

.checkout-order-review .wc_payment_methods {
    background: #1d1d1d !important;
    border: 1px solid #303030 !important;
    border-radius: 10px !important;

    padding: 0 !important;

    overflow: hidden !important;
}


/* آیتم زیبال */

.checkout-order-review .wc_payment_method {
    background: #1d1d1d !important;
    color: #ffffff !important;
}


/* لیبل زیبال */

.checkout-order-review .wc_payment_method label {
    display: flex !important;
    align-items: center !important;

    gap: 10px !important;

    color: #ffffff !important;
    background: #1d1d1d !important;

    padding: 16px !important;

    font-weight: 700 !important;
    cursor: pointer !important;
}


/* لوگوی زیبال */

.checkout-order-review .wc_payment_method label img {
    max-height: 30px !important;
    width: auto !important;

    margin-right: auto !important;

    background: #ffffff !important;

    padding: 4px 8px !important;

    border-radius: 6px !important;
}


/* =========================================
   17. توضیحات پرداخت
   ========================================= */

.checkout-order-review .payment_box {
    background: #181818 !important;

    color: #bdbdbd !important;

    border-top: 1px solid #303030 !important;

    padding: 14px 16px !important;

    margin: 0 !important;
}


.checkout-order-review .payment_box p {
    color: #bdbdbd !important;

    margin: 0 !important;
}


/* =========================================
   18. Privacy / Terms
   ========================================= */

.checkout-order-review
.woocommerce-terms-and-conditions-wrapper {
    background: transparent !important;

    color: #bdbdbd !important;

    margin-top: 18px !important;
}


.checkout-order-review
.woocommerce-privacy-policy-text,
.checkout-order-review
.woocommerce-privacy-policy-text p {
    color: #bdbdbd !important;

    font-size: 13px !important;

    line-height: 2 !important;
}


.checkout-order-review
.woocommerce-privacy-policy-link {
    color: #ff3030 !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


.checkout-order-review
.woocommerce-privacy-policy-link:hover {
    color: #ff5555 !important;
}


/* =========================================
   19. دکمه ثبت سفارش
   ========================================= */

.checkout-order-review #place_order {
    width: 100% !important;

    background: #e60000 !important;

    color: #ffffff !important;

    border: 0 !important;

    border-radius: 9px !important;

    min-height: 52px !important;

    font-size: 16px !important;

    font-weight: 800 !important;

    margin-top: 18px !important;

    transition: all 0.25s ease !important;

    box-shadow: none !important;
}


.checkout-order-review #place_order:hover {
    background: #ff2020 !important;

    color: #ffffff !important;

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


/* =========================================
   20. Mobile
   ========================================= */

@media (max-width: 767px) {

    /* کل باکس */

    .checkout-order-review {
        padding: 16px !important;

        border-radius: 12px !important;
    }


    /* عنوان */

    .checkout-order-review #order_review_heading {
        font-size: 19px !important;

        margin-bottom: 15px !important;
    }


    /* Wrapper */

    .checkout-order-review .wd-table-wrapper {
        padding: 0 !important;

        margin: 0 !important;

        background: #151515 !important;
    }


    /* جدول */

    .checkout-order-review .shop_table {
        width: 100% !important;

        border-radius: 7px !important;
    }


    /* سلول‌ها */

    .checkout-order-review .shop_table thead th,
    .checkout-order-review .shop_table tbody td,
    .checkout-order-review .shop_table tfoot th,
    .checkout-order-review .shop_table tfoot td {
        padding: 12px 8px !important;
    }


    /* نام محصول */

    .checkout-order-review .cart-product-label {
        font-size: 14px !important;
    }


    /* قیمت نهایی */

    .checkout-order-review .order-total .amount,
    .checkout-order-review .order-total bdi {
        font-size: 18px !important;
    }


    /* متن Privacy */

    .checkout-order-review
    .woocommerce-privacy-policy-text,
    .checkout-order-review
    .woocommerce-privacy-policy-text p {
        font-size: 12px !important;
    }


    /* حمل و نقل در موبایل */

    .checkout-order-review
    .shop_table
    tr.woocommerce-shipping-totals.shipping > th {
        width: 100% !important;

        padding: 13px 8px !important;
    }


    .checkout-order-review
    .shop_table
    tr.woocommerce-shipping-totals.shipping > td {
        width: 100% !important;

        padding: 10px 8px !important;
    }


    .checkout-order-review
    #shipping_method
    li {
        padding: 6px 0 !important;
    }


    .checkout-order-review
    #shipping_method
    li label {
        font-size: 13px !important;
    }
}