// cart variations
$btn_height: 42px;
$btn_min_width: 134px;

.woocommerce-cart-form__contents{
	border-radius: 10px;
	thead th{
		font-size: 16px;
		padding: 13px;
	}
	.product-name{
		font-size: 17px;
		font-weight: var(--heading-font-weight);
		font-family: var(--heading-font-family);
	}
	.remove{
		width: 19px;
		height: 19px;
		line-height: 19px;
		display: block;
		color: $white;
		text-align: center;
		background: $secondary-color;
		border-radius: 50%;
		&:hover{
			background: $color-red;
		}
	}
	.woocommerce-Price-amount{
		font-size: 16px;
	}
	.input-text.qty{
		max-width: 76px;
		text-align: center;
	}
	@media (min-width:$screen-md-max + 1){
		td, th{
			padding: 20px;
			&.actions{
				padding: 30px;
			}
		}
		.product-thumbnail,
		.product-remove{
			border-right: 0;
		}
		.product-remove{
			width: 60px;
			.remove{
				margin: 0 auto;
			}
		}
		.product-thumbnail{
			width: 70px;
			padding-left: 0;
			padding-right: 0;
			img{
				max-width: 70px;
			}
		}
		.product-price,
		.product-quantity,
		.product-subtotal{
			width: 180px;
			text-align: center;
		}
		.cms-cart-update-checkout{
			padding-top: 0!important;
			float: right;
			min-width: 302px;
			[dir="rtl"] &{
				float: left;
			}
		}
		
	}
	.coupon{
		display: flex;
		flex-wrap: wrap;
		width: 404px;
		margin: -5px;
		float: left;
		[dir="rtl"] &{
			float: right;
		}
		@media (max-width: $screen-sm-max){
			float: none;
			width: unset;
		}
		input,
		button{
			margin: 5px;
		}
		label{
			display: none;
		}
		input[name="coupon_code"]{
			flex-basis: 0;
		    flex-grow: 1;
		    max-width: 100%;
		    height: $btn_height!important;
			line-height: $btn_height!important;
		}
		button[name="apply_coupon"]{
			flex: 0 0 $btn_min_width;
		}
		+ [name="update_cart"]{
			display: none!important;
		}
	}
	.cms-cart-update-checkout{
		display: flex;
		flex-wrap: nowrap;
		justify-content: end;
		margin: -5px;
		> *{
			margin: 5px;
			text-align: center;
			flex: 0 0 auto;
			max-width: calc(50% - 10px);
			@media (max-width: $screen-sm-max){
				flex: 0 0 calc(50% - 10px);
				padding-top: 5px;
			}
			@media (max-width: $screen-xs){
				flex: 0 0 calc(100% - 10px);
    			width: calc(100% - 10px);
    			max-width: 100%;
			}
		}
		@media (max-width: $screen-xs){
			flex-wrap: wrap;
		}
	}
	button,
	.button,
	.btn,
	.cms-btn-text{
		padding: 0 10px!important;
		height: $btn_height!important;
		line-height: $btn_height!important;
		min-width: $btn_min_width;
		text-align: center;
	}
}
.cart_totals {
	margin-top: 50px;
	> h2{
		font-size: 18px;
	}
	table{
		border: 0;
		table-layout: fixed;
		th, td{
			border-left: 0;
			border-right: 0;
			border-top: 0;
			padding-left: 0;
			padding-right: 0;
		}
		th{
			color: var(--heading-font-color);
			font-family: var(--body-font-family);
			font-size: 17px;
			min-width: 190px;
			max-width: 190px;
			width: 190px;
		}
		.woocommerce-Price-amount{
			color: var(--body-font-color);
			font-family: var(--body-font-family);
			font-size: 17px;
		}
		.cart-subtotal{
			.woocommerce-Price-amount{
				font-weight: 400;
			}
		}
	}
	.wc-proceed-to-checkout{
		margin-top: 0;
		padding-top: 40px;
		border-top: 1px solid $border-color;
		display: flex;
		flex-wrap: wrap;
		> * {
			flex: 0 0 100%;
			width: 100%;
		}
		.cart-total-checkout-button-wrap{
			order: -1;
		}
	}
	.cart-total-checkout-button{
		min-width: 270px;
		height: 61px;
		line-height: 61px;
		background: $accent-color;
		color: $white;
		text-align: center;
		padding: 0 20px;
		display: inline-block;
		font-weight: 700;
		&:hover{
			background: $secondary-color;
		}
	}
}
.woocommerce-shipping-methods{
	list-style: none;
	padding: 0;
	margin: 0;
}