/**
 * Cart page
 */

body.woocommerce-cart {
	.site-content {
		overflow-x: hidden;
	}

    form.woocommerce-cart-form {
        margin-bottom: var(--wp--preset--spacing--40);
    }
	.cart-collaterals {
        margin-bottom: var(--wp--preset--spacing--40);

		.cart_totals {
			background: #f7f7f7;
            padding: var(--wp--preset--spacing--40);
			position: relative;
            width: 100%;

			h2 {
				display: none;
			}

			table {
                border: none;
				margin-bottom: var(--wp--preset--spacing--50);

				td,
				th {
					border: none;
				}

				td {
					font-weight: normal;
					text-align: right;
				}

				tr.order-total {
					color: var(--wp--preset--color--primary);
					font-size: 1.125rem;

					td,
					th,
					* {
						font-size: inherit;
						font-weight: bold;
					}
				}

				tr.shipping {
					th {
						padding-right: 0;
						text-align: initial;
					}
					td {
						padding-left: 0;
						text-align: initial;
					}
				}

				#shipping_method,
				.woocommerce-shipping-destination {
					clear: both;
					font-size: 0.875rem;
					line-height: normal;
					margin-bottom: var(--wp--preset--spacing--50);

					.amount {
						font-weight: normal;
					}
					li {
						text-align: initial;
					}
				}

				.woocommerce-shipping-destination {
					margin: 5px 0;
				}

				form.woocommerce-shipping-calculator {
					font-size: 0.875em;
				}

				.shipping-calculator-form {
					padding-left: 10%;
					p {
						line-height: normal;
						padding-right: 0;
						text-align: initial;
					}

					button[type="submit"] {
						float: right;
						margin-right: 0;
					}
				}
			}
		}
	}

	.variation dt {
		font-size: .875em;
		font-weight: 700;
	}
	.variation dd {
		font-size: 0.875em;
		margin: 0 0 var(--wp--preset--spacing--10);
	}

	.cross-sells {
		clear: both;
	}
}

@media (min-width: 992px) {
    body.woocommerce-cart {
        form.woocommerce-cart-form {
            box-sizing: border-box;
            display: inline-block;
            float: left;
            margin-bottom: var(--wp--preset--spacing--40);
            padding-right: var(--wp--preset--spacing--40);
            padding-right: var(--wp--preset--spacing--40);
            width: 60%;
        }
    
        .cart-collaterals {
            box-sizing: border-box;
            display: inline-block;
            float: left;
            margin-bottom: var(--wp--preset--spacing--40);
            width: 40%;
    
            .cart_totals {
                float: none;
                width: 100%;
            }
        }
    }
    
}