/*
 * shop-catalog-layouts.scss
 * -----------------------------------------------
*/
.cart-section{
	.table>:not(caption)>*>*{
		background-color: rgba(var(--theme-color-white-rgb), 0.05);
	}
	table.table.tbl-shopping-cart th,
	table.table.tbl-shopping-cart td,
	table.table.cart-total th,
	table.table.cart-total td{
		border-left: rgba(var(--theme-color-white-rgb), 0.1);
	}
	.form-control{
		color: rgba(var(--theme-color-white-rgb), 0.4);
		option{
			color: #000;
		}
	}
	select.form-control option{
		background-color: rgba(var(--theme-color-white-rgb), 0.05);
	}
	table.tbl-shopping-cart > thead > tr > th, table.tbl-shopping-cart > tbody > tr > th, table.tbl-shopping-cart > tfoot > tr > th{
		color: rgba(var(--theme-color-white-rgb), 0.5);
	}
	.table-striped>tbody>tr:nth-of-type(odd)>*,
	.table>:not(caption)>*>*{
		color: rgba(var(--theme-color-white-rgb), 0.5);
	}
	tbody, td, tfoot, th, thead, tr{
		border-color: rgba(var(--theme-color-white-rgb), 0.05);
	}
}

table.table.tbl-shopping-cart,
table.table.cart-total {
	.product-thumbnail {
		min-width: 64px;
	}
	img {
		width: 64px;
		box-shadow: none;
	}
	th,
	td {
		vertical-align: middle;
		border-left: 1px solid #e3e3e3;
		padding: 20px 30px;
	}
	.product-name {
		a {
			color: var(--headings-color);
		}
		.variation {
			font-size: 0.9rem;
			list-style: none;
		}
	}
	.product-remove a {
		display: inline-block;
		width: 24px;
		height: 24px;
		line-height: 24px;
		border-radius: 24px;
		@include transition(all 300ms ease-out);
		background-color: #757575;
		color: #ffffff;
		text-align: center;
	}
	.coupon-form {
		.apply-button {
			position: relative;
			display: inline-block;
			color: #1e2434;
			background: #f4f5f4;
			padding: 15px 29px;
			cursor: pointer;
			text-transform: uppercase;
			@include transition(all 500ms ease);
			&:hover {
				background-color: var(--theme-color2);

				span {
					color: var(--theme-color-white);
				}
			}
		}
	}
}
table.tbl-shopping-cart > thead > tr > th,
table.tbl-shopping-cart > tbody > tr > th,
table.tbl-shopping-cart > tfoot > tr > th	{
	color: #444;
}