/* =========================================
   CART — PREMIUM CLEAN LAYOUT
========================================= */

.woocommerce-cart{
    font-family:"Poppins",sans-serif;
}

/* =========================================
   FULL WIDTH
========================================= */

.woocommerce-cart .woocommerce{
    display:block;
}

.woocommerce-cart .woocommerce-cart-form{
    width:100%;
}

.woocommerce-cart .cart-collaterals{
    width:100%;
    margin-top:50px;
}

/* remove floats Astra */

.woocommerce-cart .cart-collaterals::after{
    content:"";
    display:block;
    clear:both;
}

.woocommerce-cart .cart_totals{
    width:100% !important;
    float:none !important;
}

/* =========================================
   TABLE
========================================= */

.woocommerce-cart table.shop_table{
    border:none !important;
    border-collapse:collapse !important;
    margin:0 !important;
}

.woocommerce-cart table.shop_table thead{
    border-bottom:1px solid #ececec;
}

.woocommerce-cart table.shop_table thead th{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#888;
    font-weight:600;
    padding:18px 0;
}

.woocommerce-cart table.shop_table tr{
    border-bottom:1px solid #f1f1f1;
}

.woocommerce-cart table.shop_table td{
    border:none !important;
    padding:28px 10px !important;
    vertical-align:middle;
}

/* =========================================
   PRODUCT
========================================= */

.woocommerce-cart td.product-thumbnail{
    width:110px;
}

.woocommerce-cart td.product-thumbnail img{
    width:80px !important;
    border-radius:8px;
}

.woocommerce-cart td.product-name a{
    font-size:18px;
    font-weight:600;
    color:#111;
    text-decoration:none;
}

.woocommerce-cart td.product-name a:hover{
    color:#FE5000;
}

/* =========================================
   VARIATIONS
========================================= */

.woocommerce-cart dl.variation{
    margin-top:12px !important;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.woocommerce-cart dl.variation dt{
    display:none;
}

.woocommerce-cart dl.variation dd{
    margin:0 !important;
}

.woocommerce-cart dl.variation dd p{
    margin:0 !important;

    background:#f5f5f5;

    padding:6px 10px;

    border-radius:5px;

    font-size:11px;
    font-weight:600;

    text-transform:uppercase;

    color:#666;
}

/* =========================================
   REMOVE
========================================= */

.woocommerce-cart a.remove{
    width:26px !important;
    height:26px !important;
    line-height:24px !important;

    border:1px solid #ddd;
    border-radius:999px;

    transition:.2s ease;
}

.woocommerce-cart a.remove:hover{
    background:#111 !important;
    color:#fff !important;
    border-color:#111;
}

/* =========================================
   PRICE
========================================= */

.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal{
    font-size:16px;
    font-weight:600;
    color:#111;
}

/* =========================================
   QUANTITY
========================================= */

.woocommerce-cart .quantity .qty{
    height:44px;

    border:1px solid #ddd;
    border-radius:6px;

    width:72px;

    font-weight:600;
}

/* =========================================
   ACTIONS
========================================= */

.woocommerce-cart table.cart td.actions{
    padding-top:35px !important;
}

.woocommerce-cart .coupon{
    display:flex;
    gap:12px;
}

.woocommerce-cart .coupon .input-text{
    height:48px !important;

    border:1px solid #ddd !important;
    border-radius:6px;

    padding:0 16px !important;

    min-width:240px;
}

/* =========================================
   BUTTONS
========================================= */

.woocommerce-cart button,
.woocommerce-cart .button{
    border-radius:6px !important;
    transition:.2s ease;
}

.woocommerce-cart button[name="apply_coupon"]{
    background:#111 !important;
    color:#fff !important;
    border:none !important;

    height:48px;

    padding:0 24px;
}

.woocommerce-cart button[name="apply_coupon"]:hover{
    background:#000 !important;
}

.woocommerce-cart button[name="update_cart"]{
    background:#f3f3f3 !important;
    color:#111 !important;
    border:none !important;

    height:48px;
}

.woocommerce-cart button[name="update_cart"]:hover{
    background:#e8e8e8 !important;
}

/* =========================================
   TOTALS SECTION
========================================= */

.woocommerce-cart .cart_totals{
    margin-top:60px;

    border-top:1px solid #ececec;

    padding-top:40px;
}

.woocommerce-cart .cart_totals h2{
    font-size:32px;
    margin-bottom:30px;
    color:#111;
}

/* =========================================
   TOTALS TABLE
========================================= */

.woocommerce-cart .cart_totals table{
    border:none !important;
    width:100%;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
    border:none !important;

    padding:18px 0 !important;

    font-size:16px;
}

.woocommerce-cart .cart_totals table tr{
    border-bottom:1px solid #f1f1f1;
}

.woocommerce-cart .cart_totals table td{
    text-align:right;
    font-weight:600;
}

/* =========================================
   SHIPPING BELOW
========================================= */

.woocommerce-cart ul#shipping_method{
    margin-top:20px;

    display:flex;
    flex-direction:column;

    gap:14px;
}

.woocommerce-cart ul#shipping_method li{
    border:1px solid #ececec;

    border-radius:10px;

    padding:18px;

    transition:.2s ease;

    background:#fff;
}

.woocommerce-cart ul#shipping_method li:hover{
    border-color:#d8d8d8;
    background:#fafafa;
}

.woocommerce-cart ul#shipping_method label{
    font-weight:500;
}

/* =========================================
   TOTAL PRICE
========================================= */

.woocommerce-cart .order-total .amount{
    font-size:40px;
    font-weight:700;
    color:#111;
}

/* =========================================
   CHECKOUT BUTTON
========================================= */

.woocommerce-cart .wc-proceed-to-checkout{
    margin-top:35px;
}

.woocommerce-cart .checkout-button{
    width:100%;

    min-height:64px;

    display:flex !important;
    align-items:center;
    justify-content:center;

    background:#111 !important;
    border:none !important;

    color:#fff !important;

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

    letter-spacing:.08em;
    text-transform:uppercase;

    border-radius:8px !important;

    transition:.2s ease;
}

.woocommerce-cart .checkout-button:hover{
    background:#000 !important;
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

    .woocommerce-cart table.shop_table thead{
        display:none;
    }

    .woocommerce-cart table.shop_table tr{
        display:block;
        padding:20px 0;
    }

    .woocommerce-cart table.shop_table td{
        display:block;
        width:100%;
        text-align:left !important;
        padding:10px 0 !important;
    }

    .woocommerce-cart .coupon{
        flex-direction:column;
    }

    .woocommerce-cart .coupon .input-text{
        width:100%;
        min-width:100%;
    }

    .woocommerce-cart button[name="apply_coupon"],
    .woocommerce-cart button[name="update_cart"]{
        width:100%;
    }

}