/* ==========================================================================
   Moblak UX
   Component : Cart
   Version   : 0.3.2
   ========================================================================== */


/* ==========================================================================
   01. Cart Container
   ========================================================================== */

.woocommerce-cart-form{
    margin-bottom:32px;
}



/* ==========================================================================
   02. Cart Table
   ========================================================================== */

.woocommerce-cart-form .shop_table.cart{

    width:100%;

    border:0 !important;

    border-collapse:separate !important;

    border-spacing:0 20px;

    background:transparent;

}



/* ==========================================================================
   03. Product Card
   ========================================================================== */

.woocommerce-cart-form .shop_table.cart tbody tr.cart_item{

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 4px 15px rgba(0,0,0,.05);

    transition:.25s ease;

}



.woocommerce-cart-form .shop_table.cart tbody tr.cart_item td{

    background:#fff !important;

    border:0 !important;

    padding:20px 18px;

    vertical-align:middle;

}



@media(min-width:769px){


    .woocommerce-cart-form .shop_table.cart{

        margin-top:-70px !important;

    }


    .woocommerce-cart-form .shop_table.cart tbody tr.cart_item td:first-child{

        border-radius:0 15px 15px 0;

    }


    .woocommerce-cart-form .shop_table.cart tbody tr.cart_item td:last-child{

        border-radius:15px 0 0 15px;

    }


    .woocommerce-cart-form .shop_table.cart tbody tr.cart_item:hover{

        transform:translateY(-3px);

        box-shadow:0 12px 30px rgba(0,0,0,.10);

    }

}



/* ==========================================================================
   04. Product Image
   ========================================================================== */

.woocommerce-cart-form .product-thumbnail{

    width:140px;

}


.woocommerce-cart-form .product-thumbnail a{

    width:120px;

    height:120px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fff;

    border:1px solid #eceff3;

    border-radius:15px;

    overflow:hidden;

}


.woocommerce-cart-form .product-thumbnail img{

    width:100%;

    height:100%;

    object-fit:contain;

    transition:.25s ease;

}


.woocommerce-cart-form tr:hover .product-thumbnail img{

    transform:scale(1.04);

}



/* ==========================================================================
   05. Product Information
   ========================================================================== */

.woocommerce-cart-form .product-name a{

    color:#222;

    font-size:16px;

    font-weight:700;

    line-height:1.9;

    text-decoration:none;

}


.woocommerce-cart-form .product-name a:hover{

    color:#1e73be;

}


.woocommerce-cart-form .wd-product-detail{

    margin-top:8px;

    font-size:13px;

    color:#777;

}



/* ==========================================================================
   06. Price
   ========================================================================== */

.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal{

    white-space:nowrap;

    font-size:15px;

    font-weight:700;

}



/* ==========================================================================
   07. Remove Button
   ========================================================================== */

.woocommerce-cart-form .product-remove .remove{

    width:36px;

    height:36px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#f7f7f7;

    font-size:0 !important;

    position:relative;

}



.woocommerce-cart-form .product-remove .remove:before,
.woocommerce-cart-form .product-remove .remove:after{

    content:"";

    position:absolute;

    width:14px;

    height:2px;

    background:#555;

    border-radius:2px;

}



.woocommerce-cart-form .product-remove .remove:before{

    transform:rotate(45deg);

}


.woocommerce-cart-form .product-remove .remove:after{

    transform:rotate(-45deg);

}


.woocommerce-cart-form .product-remove .remove:hover{

    background:#feecec;

}


.woocommerce-cart-form .product-remove .remove:hover:before,
.woocommerce-cart-form .product-remove .remove:hover:after{

    background:#d33;

}



/* ==========================================================================
   08. Hide Header
   ========================================================================== */

.woocommerce-cart-form .shop_table thead{

    display:none;

}



/* ==========================================================================
   09. Mobile
   ========================================================================== */

@media(max-width:768px){


    .woocommerce-cart-form .shop_table.cart{

        border-spacing:0 12px;

    }



    .woocommerce-cart-form .shop_table.cart tbody tr.cart_item{

        border-radius:15px;

    }



    /* فاصله کلی آیتم ها */

    .woocommerce-cart-form .shop_table.cart td{

        padding:10px 8px !important;

    }



    /* =========================
       Product Image
    ========================= */

    .woocommerce-cart-form .product-thumbnail{

        width:90px !important;

        min-width:90px !important;

        padding:8px !important;

    }



    .woocommerce-cart-form .product-thumbnail a{

        width:100% !important;

        height:auto !important;

        min-height:75px;

        display:flex !important;

        align-items:center !important;

        justify-content:center !important;

        background:transparent !important;

        border:0 !important;

        border-radius:0 !important;

        overflow:visible !important;

    }



    .woocommerce-cart-form .product-thumbnail img{

        width:75px !important;

        height:75px !important;

        max-width:100% !important;

        object-fit:contain !important;

        display:block !important;

        border:0 !important;

        padding:0 !important;

    }



    /* =========================
       Product Title
    ========================= */

    .woocommerce-cart-form .product-name{

        padding-right:5px !important;

    }



    .woocommerce-cart-form .product-name a{

        display:-webkit-box;

        -webkit-box-orient:vertical;

        -webkit-line-clamp:2;

        overflow:hidden;

        font-size:14px !important;

        line-height:1.7 !important;

        margin-bottom:5px !important;

    }



    /* =========================
       SKU + Delivery
    ========================= */

    .woocommerce-cart-form .wd-product-detail{

        display:block !important;

        width:100% !important;

        margin-top:5px !important;

        font-size:12px !important;

        line-height:1.7 !important;

    }



    .woocommerce-cart-form .wd-product-detail .wd-label{

        display:inline-block;

        margin-left:3px;

    }



    .woocommerce-cart-form .wd-product-detail.wd-delivery-detail{

        margin-top:5px !important;

    }



    /* =========================
       Price
    ========================= */

    .woocommerce-cart-form .product-price{

        font-size:13px !important;

        padding-top:5px !important;

        padding-bottom:5px !important;

    }



    /* =========================
       Quantity
    ========================= */

    .woocommerce-cart-form .product-quantity{

        padding-top:5px !important;

        padding-bottom:5px !important;

    }



    .woocommerce-cart-form .quantity{

        transform:scale(.9);

        transform-origin:center;

    }



    /* =========================
       Subtotal
    ========================= */

    .woocommerce-cart-form .product-subtotal{

        font-size:13px !important;

        padding-top:5px !important;

        padding-bottom:5px !important;

    }



    /* =========================
       Remove Button
    ========================= */

    .woocommerce-cart-form .product-remove .remove{

        width:30px !important;

        height:30px !important;

    }



    .woocommerce-cart-form .product-remove .remove:before,
    .woocommerce-cart-form .product-remove .remove:after{

        width:12px;

    }


}

/* ==========================================================================
   MOBLAK CART TOTALS UI IMPROVEMENT
   ========================================================================== */


/* Main Card */

body.woocommerce-cart 
.wd-cart-totals .cart-totals-inner{

    background:#fff;

    border-radius:15px;

    padding:22px;

    box-shadow:0 6px 20px rgba(0,0,0,.06);

}



/* Title */

body.woocommerce-cart 
.wd-cart-totals h2{

    font-size:21px !important;

    margin-bottom:20px !important;

}



/* Remove default table feeling */

body.woocommerce-cart 
.wd-cart-totals .shop_table{

    border-collapse:separate;

    border-spacing:0 8px;

}



/* Rows */

body.woocommerce-cart 
.wd-cart-totals .shop_table tr{

    background:#fafafa;

    border-radius:12px;

}



/* Cells */

body.woocommerce-cart 
.wd-cart-totals .shop_table th,
body.woocommerce-cart 
.wd-cart-totals .shop_table td{

    border:0 !important;

    padding:14px 12px !important;

}



/* Rounded row edges */

body.woocommerce-cart 
.wd-cart-totals .shop_table tr th{

    border-radius:0 12px 12px 0;

}


body.woocommerce-cart 
.wd-cart-totals .shop_table tr td{

    border-radius:12px 0 0 12px;

}



/* Shipping */

body.woocommerce-cart 
.wd-cart-totals tr.woocommerce-shipping-totals.shipping{

    margin-top:8px;

}



body.woocommerce-cart 
.wd-cart-totals .woocommerce-shipping-contents{

    background:#fff;

    border:1px solid #eee;

    border-radius:10px;

    padding:8px 10px;

}



/* Shipping destination */

body.woocommerce-cart 
.wd-cart-totals .woocommerce-shipping-destination{

    font-size:13px;

    line-height:1.8;

    color:#777;

}



/* Final total */

body.woocommerce-cart 
.wd-cart-totals .order-total{

    background:#f5f7fa !important;

}



body.woocommerce-cart 
.wd-cart-totals .order-total th{

    font-size:18px !important;

}


body.woocommerce-cart 
.wd-cart-totals .order-total td{

    font-size:21px !important;

    font-weight:800;

}



/* Checkout button */

body.woocommerce-cart 
.wd-cart-totals .checkout-button{

    margin-top:15px;

    border-radius:12px !important;

    padding:15px !important;

    font-size:17px !important;

    font-weight:700 !important;

}



/* Mobile */

@media(max-width:768px){


    body.woocommerce-cart 
    .wd-cart-totals .cart-totals-inner{

        padding:16px;

    }


    body.woocommerce-cart 
    .wd-cart-totals .shop_table tr{

        border-radius:10px;

    }


    body.woocommerce-cart 
    .wd-cart-totals .shop_table th,
    body.woocommerce-cart 
    .wd-cart-totals .shop_table td{

        padding:12px 10px !important;

    }


}