.billow {
	.cart-wrapper {
		display: flex;

		.woocommerce-cart-form {
			padding-right: 3rem;
			width: 70%;

			table {
				border: none;

				thead {
					display: none;
				}

				th {
					border-width: 0 0 1px 0;
				}

				tr {
					border-width: 0 0 1px 0;

					& > *:first-child {
						padding-left: 0;
					}

					& > *:last-child {
						padding-right: 0;
					}
				}

				td {
					border-width: 0 0 1px 0;
					border-style: dashed;
					padding: 0.7rem;
				}

				.product-remove {
					width: 1.25rem;

					a {
						display: flex;
						align-items: center;
						justify-content: center;
						text-decoration: none;
						@include transition;

						svg {
							width: 0.8rem;
							height: 0.8rem;
							@include transition;
						}

						&:hover {
							svg {
								fill: #d83428;
							}
						}
					}
				}

				.product-thumbnail {
					width: 5.6rem;

					img {
						max-width: 5.6rem;
						border-radius: 0.188rem;
					}
				}

				.product-name {
					max-width: 18rem;

					.variation {
						display: grid;
						grid-template-columns: 2.7rem 1fr;
						grid-template-rows: 1fr 1fr;

						dd,
						p {
							margin: 0;
						}
					}
				}

				.product-price {
					text-align: center;
				}

				.product-quantity {
					text-align: center;
					width: 70px;

					.blw-quantity {
						.qty-nav {
							.quantity-button {
								font-size: 0;

								&::before {
									font-family: 'Font Awesome 5 Free';
									font-weight: 700;
									display: inline-block;
									font-size: 1.2rem;
								}
							}

							.quantity-down {
								&::before {
									content: '\f104';
								}
							}

							.quantity-up {
								&::before {
									content: '\f105';
								}
							}
						}
					}
				}

				.product-subtotal {
					text-align: right;
				}

				.actions {
					padding: 0;
					padding-top: 2rem;
					text-align: right;
					border-bottom: 0;

					.coupon {
						display: flex;
						float: left;

						label {
							display: none;
						}

						input {
							min-width: 13rem;
							margin-right: 0.5rem;
						}

						button {
							width: 100%;
						}
					}
				}
			}
		}

		.cart-collaterals {
			position: sticky;
			padding: 1.25rem;
			top: 3rem;
			align-self: flex-start;
			border: 1px solid $color_border;
			width: 30%;

			.cart_totals {
				h2 {
					font-size: 1.2rem;
					margin-top: 0;
				}

				table {
					border: none;

					th,
					td {
						border: none;
					}

					tr:not(:last-child) {
						border-bottom: 1px solid $color_border;
					}
				}

				.wc-proceed-to-checkout {
					width: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					margin-top: 2.5rem;

					a {
						text-align: center;
						border-radius: 0.2rem;
						padding: 10px;
						width: 100%;
						@include transition;

						&:hover {
							transform: translateY(-2px);
							box-shadow: 0 2px 4px rgba(0,0,0,.1);
							@include transition;
						}
					}
				}
			}
		}
	}

	&.woocommerce-cart {
		p.cart-empty {
			align-items: center;
			justify-content: center;
			flex-direction: column;
			font-size: 1.3rem;
			margin-bottom: 1.8rem;
			padding: 0 0 1.8rem;
			overflow: hidden;

			&::before {
				display: inline-block;
				width: 100%;
				height: 3.75rem;
				content: '';
				background-image: url(./assets/images/cart.png);
				background-repeat: no-repeat;
				background-size: 3.75rem 3.75rem;
				background-position: center;
				margin-bottom: 1.25rem;
				margin-top: 1.8rem;
				position: static;
				opacity: 0.7;
			}
		}

		.return-to-shop {
			text-align: center;

			a.button.wc-backward {
				display: inline-block;
				border-radius: 0.2rem;
				color: $color_white;
				background-color: $color_main;
				padding: 0.8rem 2.5rem;
				font-size: 0.8rem;
				line-height: 1.5rem;
				font-weight: 700;
				text-transform: uppercase;
				cursor: pointer;
				@include transition;

				&:hover {
					transform: translateY(-2px);
					box-shadow: 0 2px 4px rgba(0,0,0,.1);
					@include transition;
				}
			}
		}
	}
}

@media ( max-width: 64rem ) {
	.billow {
		.cart-wrapper {
			flex-direction: column;

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

			.cart-collaterals {
				width: 100%;
				position: relative;
				top: 0;

				table.shop_table.shop_table_responsive {
					td {
						text-align: right;
					}
				}
			}
		}
	}
}

@media ( max-width: 48rem ) {
	.billow {
		.cart-wrapper {
			form.woocommerce-cart-form {
				.shop_table {
					tbody {
						tr.cart_item {
							&:not(:last-child) {
								border-top: 1px solid $color_border;
							}

							td {
								width: 100%;
								max-width: 100%;
								display: block;
								text-align: right;
								border-top: none;
								border-bottom: none;
								padding: 0.7em 0;

								p.backorder_notification {
									margin-top: 0.2rem;
								}

								&:before {
									content: attr(data-title) ": ";
									font-weight: 600;
									float: left;
								}
							}

							td.product-remove {
								a {
									display: inline;
									border: none;
								}

								&::before {
									content: none;
								}
							}

							td.product-thumbnail {
								display: none;
							}

							td.product-name {
								.variation {
									display: flex;
									justify-content: flex-end;
									flex-direction: column;
								}
							}

							td.product-quantity {
								.quantity {
									margin-right: 0;

									.blw-quantity {
										height: auto;
										justify-content: flex-end;
									}
								}
							}
						}

						tr {
							td.actions {
								.coupon {
									flex-direction: column;
									width: 100%;
									padding-bottom: 1rem;

									input {
										margin-right: 0;
										margin-bottom: 1rem;
									}
								}

								button.button {
									width: 100%;
								}
							}
						}
					}
				}
			}
		}
	}
}