.woocommerce-cart {

	.woocommerce {
		display: flex;
		flex-wrap: wrap;
		gap: 32px
	}

	:has(.return-to-shop) {

		.woocommerce {
			display: flex;
			flex-direction: column;
			text-align: center;
			gap: 22px;
		}
	}

	thead {
		background-color: $color__white;
	}

	th {
		padding: length( 'l-8') 0;
		border: 0;
		text-transform: uppercase;
		font-weight: 500;
	}

	td {
		border: 0;
		color:$color__gray-700;

		&:before {
			font-weight: 500;
			color: $color__gray-700;
		}
	}

	tr {
		display: block;
		position: relative;
		border-radius: 2px;
		border-bottom: 1px solid $color__gray-300;

		&:last-child {
			margin-bottom: 0;
		}
	}

	thead tr {
		border-bottom: 1px solid #EBEBEC;
	}

	.cart_totals {
		margin-top: length( 'l-15' );
		padding: length( 'l-15') length( 'l-12');
		background-color: $color__gray-100;	
		border: 1px solid #E4E4E7;
		border-radius: 4px;
	}

	.woocommerce-notices-wrapper {
		width: 100%;
	}

	.actions {

		.button {
			width: 100%;
			border: 1px solid $color__primary;
			background-color: $color__white;
			color: $color__primary;

			&:hover,
			&:focus {
				background-color: $color__gray-300;
			}

			&[aria-disabled="true"] {
				margin-top: length( 'l-10' );
				width: calc(100% - 20px);
				background-color: $color__blue-300;
				border: 1px solid $color__blue-300;
				color: $color__white;
				cursor: not-allowed;
			}
		}
	}

	.coupon {
		float: left;

		.input-text {
			margin: 0;
		}
	}
}

.woocommerce-cart-form {
	border: 1px solid $color__gray-300;
}

.product-thumbnail {
	text-align: left;
	width: 100px;

	&:before {
		display: none;
	}
}

.qty {
	width: 50px;
	padding: 4px 8px;
}

.product-subtotal {
	color: $color__primary;
}

.coupon {
	display: inline-flex;
	gap: 8px;

	label {
		display: none;
	}

	.input-text {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		padding: 8px 16px;
	}

	.button {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		padding: 8px;
	}
}

.woocommerce-cart-form {
	flex-basis: 100%;
}

.cart-collaterals {
	flex-basis: 100%;
	width: calc(100% - 80px);

	tr {
		margin-bottom: 0;
		border-bottom: 1px solid $color__blue-300;

		&:last-child {
			border-bottom: 0;
		}
	}
}

@include breakpoint("mdm") {

	.woocommerce-cart {

		tr {
			display: revert;
		}

		tbody {

			tr {
				border-bottom: 1px solid $color__blue-300;

				&:last-child {
					border-bottom: 0;
				}
			}
		}

		.coupon {

			.input-text {
				border-radius: 2px;
				width: 222px;
				padding: 12px;
				margin-bottom: 0;
			}
		}

		.actions {

			.button {

				&[aria-disabled="true"] {
					float: right;
					width: unset;
					margin-top: 0;
				}
			}
		}

		.cart_totals {
			margin-top: 0;
		}
	}

	.cart-collaterals {
		flex-basis: 50%;
	}
}

@include breakpoint(lrg) {

	.woocommerce-cart-form {
		flex-basis: 66%;
	}

	.cart-collaterals {
		display: unset;
		flex: 1 1 calc(26% - 16px);
	}
}
