/****************************
 * Woo Page Cart - Layout
*****************************/
body.woocommerce-cart {
    --gap:20px;
    --aside-width:320px;
    --main-width:calc(100% - var(--aside-width) - var(--gap));
}

/* Cart Page Layout */
body.woocommerce-cart .container .woocommerce {
    display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-end;
    gap:var(--gap);
}
body.woocommerce-cart .container .woocommerce > * {width:100%;}
body.woocommerce-cart .container .woocommerce > form.woocommerce-cart-form {width:var(--main-width);}
body.woocommerce-cart .container .woocommerce > div.cart-collaterals {
    width:var(--aside-width); position:sticky; top:calc(var(--bb-header-height-sticky) + 20px);
    transition:top .3s ease;
}
body.woocommerce-cart.scroll-down .container .woocommerce > div.cart-collaterals {top:20px;}

/* Notification */
body.woocommerce-cart .container .woocommerce-notices-wrapper {margin-bottom:0;}
body.woocommerce-cart .container .woocommerce-notices-wrapper:empty {display:none;}


/* Button > Return to shop page (cart page empty) */
.woocommerce .return-to-shop {text-align:center;}
.woocommerce .return-to-shop .button:after {content:"\e922";}


/* Responsive */
@media only screen and (max-width:1280px) {
    /* Cart Page Layout */
    body.woocommerce-cart .container .woocommerce > form.woocommerce-cart-form {width:100%; padding:0;}
    body.woocommerce-cart .container .woocommerce > div.cart-collaterals {width:100%; max-width:400px;}
}
@media only screen and (max-width:767px) {
    /* Cart Page Layout */
    body.woocommerce-cart .container .woocommerce > div.cart-collaterals {max-width:100%;}
}

/****************************
 * Woo Tables > Cart > Orders
 * .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {}
 * Layout: large
 * Parts: thead, tbody
*****************************/
.woocommerce .shop_table.cart {
    --remove:30px;
    --name:100%;
    --price:90px;
    --quantity:120px;
    --subtotal:120px;
}
.woocommerce .shop_table.cart thead tr {}
.woocommerce .shop_table.cart tr {}

.woocommerce .shop_table.cart th.product-thumbnail {display:none;}

/* Cart Table > Body */
.woocommerce .shop_table.cart .product-remove {
    order:99; justify-content:center; padding-right:0;
    width:var(--remove); min-width:var(--remove);
}
.woocommerce .shop_table.cart .product-thumbnail {width:var(--woo-thumbnail-size); min-width:var(--woo-thumbnail-size);}
.woocommerce .shop_table.cart .product-thumbnail a {display:block; width:100%;}


.woocommerce .shop_table.cart .product-name {width:var(--name); flex-wrap:wrap;}
.woocommerce .shop_table.cart .product-price {width:var(--price); min-width:var(--price); display:none;}
.woocommerce .shop_table.cart .product-quantity {width:var(--quantity); min-width:var(--quantity);}
.woocommerce .shop_table.cart .product-subtotal {width:var(--subtotal); min-width:var(--subtotal);}
.woocommerce .shop_table.cart .product-subtotal .woocommerce-Price-amount.amount {font-size:15px;}

/* Responsive */
@media only screen and (max-width:767px) {
    .woocommerce .shop_table.cart thead {display:none;}

    /* Cart Table > Body */
    .woocommerce .shop_table.cart {
        --remove:30px;
        --name:100%;
        --price:100%;
        --quantity:100%;
        --subtotal:100%;
    }
    .woocommerce .shop_table.cart .product-thumbnail {position:absolute; top:0; left:15px;}
    .woocommerce .shop_table.cart tr.cart_item {
        flex-wrap:wrap;
        padding-left:calc(var(--woo-thumbnail-size) + 15px); min-height:calc(var(--woo-thumbnail-size) - 15px);
    }
    .woocommerce .shop_table.cart .product-price {display:none;}
    .woocommerce .shop_table.cart .product-quantity {order:2; padding-top:7px;}
    .woocommerce .shop_table.cart .product-subtotal {order:1; padding-top:5px;}
    .woocommerce .shop_table.cart .product-remove {position:absolute; bottom:0; height:30px; right:10px;}
}

/****************************
 * Cart Table > Coupon row
*****************************/
/* Cart Table > Coupon row > Hide button update cart */
.woocommerce .shop_table.cart .coupon + button {display:none;}

/* hide coupon row until JS loaded */
.woocommerce .shop_table.cart tbody tr:last-child:not(.cart_item):not(.ready) {display:none;}

/* Coupon icon */
.woo-cart-coupon span {margin-right:.5em;}
.woo-cart-coupon span:before {
    content:"\e94b"; font-family:var(--bb-font-icomoon); font-size:1.2em; line-height:1;
    margin-right:.5em; transform:translateY(.15em) rotate(-33deg); display:inline-block;
}

/* Toggle button */
.woo-cart-coupon__toggle {display:inline-block; text-decoration:underline; background:none;}
.woo-cart-coupon__toggle:hover {color:var(--bb-color-red);}

/* Coupon row */
.woocommerce .shop_table.cart tr.woo-coupon-row {border-top:var(--woo-border); padding-top:15px;}
.woocommerce .shop_table.cart .actions,
.woocommerce .shop_table.cart .coupon {width:100%;}
.woocommerce .shop_table.cart tr.woo-coupon-row:not(.open) .coupon,
.woocommerce .shop_table.cart .coupon label {display:none;}
.woocommerce .shop_table.cart .coupon {padding-top:15px;}


/* Coupon row > input */
tr.woo-coupon-row input#coupon_code {width:300px; display:inline-block;}
.woocommerce .shop_table.cart .coupon button {margin-left:5px;}

/* Responsive */
@media only screen and (max-width:767px) {
    tr.woo-coupon-row input#coupon_code {width:100%;}
    .woocommerce .shop_table.cart .coupon button {margin-left:0; margin-top:5px; width:100%;}
}


/****************************
 * Woo Tables > Cart > Collaterals
 * .shop_table.shop_table_responsive {}
 * Layout: narrow
 * Parts: tbody
*****************************/
.cart-collaterals h2 {font-size:var(--bb-size-h4); display:none;}

.woocommerce .cart-collaterals .shop_table {margin-bottom:var(--bb-spacing-20);}
.woocommerce .cart-collaterals .shop_table tbody {padding:0; gap:0;}
.woocommerce .cart-collaterals .shop_table tbody tr {padding-top:15px; padding-bottom:15px;}
.woocommerce .cart-collaterals .shop_table tbody tr:not(:last-child) {border-bottom:var(--woo-border);}

/* Button proceeed to checkout */
.wc-proceed-to-checkout .button {width:100%;}
.wc-proceed-to-checkout .button:after {content:"\e922";}

/****************************
 * Woo Tables > Shipping calculator
 * Page: Cart
*****************************/
/* Shipping calculator */
form.woocommerce-shipping-calculator {}

/* Shipping calculator > Button */
a.shipping-calculator-button {text-decoration:none;}
a.shipping-calculator-button:after {
    content:var(--woo-icon-shipping); font-family:var(--bb-font-icomoon); font-size:1.3em;
    line-height:1; display:inline-block; transform:translateY(.15em); margin-left:5px;
}
a.shipping-calculator-button:hover, a.shipping-calculator-button:focus {text-decoration:underline;}

/* Shipping calculator > Form */
.shipping-calculator-form {padding-top:10px; display:flex; flex-wrap:wrap; gap:12px;}
.shipping-calculator-form p {padding:0 !important; width:calc(50% - 6px) !important; margin:0 !important;}
.shipping-calculator-form p:not(.form-row),
.shipping-calculator-form p .button {width:100% !important;}