/****************************
 * Woo Tables > Shop Table
*****************************/
.woocommerce .shop_table {
    display:block; width:100%; margin:0;
}
.woocommerce .shop_table tr {display:flex; padding:0 15px; position:relative;}
.woocommerce .shop_table tr th {text-transform:uppercase;}
.woocommerce .shop_table tr td,
.woocommerce .shop_table tr th {
    display:flex; align-items:center; flex-wrap:wrap; gap:4px;
    border:none; padding:0;
}
.woocommerce .shop_table tr td:not(:last-child),
.woocommerce .shop_table tr th:not(:last-child) {padding-right:var(--vii-spacing-24);}

/* Head */
.woocommerce .shop_table thead {
    background:var(--woo-table-bg);
    border-radius:var(--woo-radius); border:var(--woo-border);
    display:block; margin-bottom:8px; padding:10px 0;
}
.woocommerce .shop_table th {font-weight:400;}

/* Body */
.woocommerce .shop_table tbody {
    background:var(--woo-table-bg);
    border-radius:var(--woo-radius); border:var(--woo-border);
    display:flex; flex-direction:column; gap:20px 0;
    padding:15px 0;
}

.woocommerce .shop_table tbody tr {}
.woocommerce .shop_table tbody tr td {}


/* Foot */
.woocommerce .shop_table tfoot {display:block; border-top:var(--woo-border); padding:15px 0;}
.woocommerce .shop_table tfoot tr {}
.woocommerce .shop_table tfoot tr th {}
.woocommerce .shop_table tfoot tr td {}


/****************************
 * Woo Tables > Variation
 * Page: Cart, Checkout
*****************************/
.woocommerce .shop_table .product-name ul {
    margin:0; list-style:none; width:100%;
    display:flex; flex-wrap:wrap; gap:0 .5em;
    font-size:var(--vii-size-body-cta);
}
.woocommerce .shop_table .product-name ul li {display:flex; flex-wrap:wrap; padding:0;}
.woocommerce .shop_table .product-name ul li:not(:last-child):after {content:",";}
.woocommerce .shop_table .product-name ul li span,
.woocommerce .shop_table .product-name ul li strong {padding-right:4px; font-weight:300; display:inline;}
.woocommerce .shop_table .product-name ul li:before {display:none;}

/* Thank you page */
.woocommerce .shop_table .product-name ul li p {font-weight:400;}


/****************************
 * Woo Tables > Shipping method
 * Page: Cart, Checkout
*****************************/
ul#shipping_method {margin:0; list-style:none;}
ul#shipping_method li {padding:0; margin:0;}
ul#shipping_method li:not(:last-child) {margin-bottom:10px;}
ul#shipping_method li input {margin-right:8px;}
ul#shipping_method .shipping-method-description {width:100%;}
ul#shipping_method:not(.one-option) .shipping-method-description {padding-left:21px;}


/****************************
 * Woo Tables > Cart collaterals
 * Page: Cart, Checkout
*****************************/
.woocommerce .cart-collaterals tr {justify-content:space-between; flex-wrap:wrap;}
.woocommerce .cart-collaterals td {}

/* Price */
.cart-collaterals .woocommerce-Price-amount.amount {}

/* Cart > sub total */
.woocommerce .cart-collaterals tr.cart-subtotal th,
.woocommerce .cart-collaterals tr.order-total th {text-transform:uppercase;}


/* Cart > Total > Total */
.woocommerce .cart-collaterals tr.order-total td,
.woocommerce .cart-collaterals tr:last-child td {color:var(--vii-color-primary);}


/****************************
 * Cart collaterals > Shipping
 * Page: Cart, Checkout
*****************************/
/* Shipping */
.woocommerce .cart-collaterals tr.shipping th {margin-bottom:12px;text-transform:uppercase;}
.woocommerce .cart-collaterals tr.shipping td {width:100%; font-weight:400; flex-direction:column; gap:10px}
.woocommerce .cart-collaterals tr.shipping td > * {margin-bottom:0; width:100%;}


/* Shipping (one option) */
.woocommerce .cart-collaterals tr.shipping.one-option {padding-top:18px; padding-bottom:18px;}
.woocommerce .cart-collaterals tr.shipping.one-option td {
    gap:10px;
    display:flex; flex-direction:column; align-items:flex-start;
}
.woocommerce .cart-collaterals tr.shipping.one-option td #shipping_method input,
.woocommerce .cart-collaterals tr.shipping.one-option td #shipping_method input + label:before {display:none;}
.woocommerce .cart-collaterals tr.shipping.one-option td #shipping_method input + label {padding-left:0;}
.woocommerce .cart-collaterals tr.shipping.one-option td > * {padding-top:0;}