/*
 * shop-cart-checkout.scss
 * -----------------------------------------------
*/

/**
 * Cart/checkout page
 */

.woocommerce-cart,
.woocommerce-checkout,
#add_payment_method {
	table.cart {
		.product-thumbnail {
			min-width: 64px;
		}

		img {
			width: 64px;
			box-shadow: none;
		}

		th,
		td {
			vertical-align: middle;
		}
		.product-name {
			a {
				color: $headings-color;
			}
		}
	}
	table > thead > tr > th,
	table > tbody > tr > th,
	table > tfoot > tr > th	{
		color: #444;
	}

	.cart-collaterals {
		.shipping_calculator {
			.button {
				width: 100%;
				float: none;
				display: block;
			}

			.shipping-calculator-button {
				&::after {
					//@include iconafter( '\e019' );
				}
			}
		}

		.cart_totals {
			.title {
				margin-bottom: 30px;
			}
			p {
				small {
				}
			}

			tr td,
			tr th {
				border-top: 1px solid $gray-eee;
			}
			th {
				background: #f5f5f5;
				width: 40%;
			}
		}

		.cross-sells {
			margin-top: 50px;
			.title {
				margin-bottom: 30px;
			}
			ul.products {
				li.product {
					margin-top: 0;
				}
			}
			.isotope-item {
				margin-bottom: 0;
			}
		}
	}
	.checkout {
		.col-2 {
			#ship-to-different-address {
				float: left;
				clear: none;
			}

			.notes {
				clear: left;
			}

			.form-row-first {
				clear: left;
			}
		}

		.create-account small {
			font-size: 11px;
			font-weight: normal;
		}

		div.shipping-address {
			padding: 0;
			clear: left;
			width: 100%;
		}

		.shipping_address {
			clear: both;
		}
	}

	#payment {
		background: #fdfdfd;
		border-radius: 5px;
		border: 1px solid #dedede;

		ul.payment_methods {
			@include clearfix();
			text-align: left;
			padding: 25px;
			border-bottom: 1px solid darken( $gray-eee, 10% );
			margin: 0;
			list-style: none outside;

			li {
				line-height: 2;
				text-align: left;
				margin: 0;
				font-weight: normal;
				margin-bottom: 15px;

				input {
					margin: 0 1em 0 0;
				}

				img {
					vertical-align: middle;
					margin: -2px 0 0 0.5em;
					padding: 0;
					position: relative;
					box-shadow: none;
				}

				img + img {
					margin-left: 2px;
				}
			}

			li:not(.woocommerce-notice) {
				@include clearfix();
			}
		}

		.place-order {
			padding: 25px;
			margin-bottom: 0;
		}

		div.payment_box {
			position: relative;
			box-sizing: border-box;
			width: 100%;
			padding: 1em;
			margin: 1em 0;
			font-size: 0.92em;
			border-radius: 2px;
			line-height: 1.5;
			background-color: #fff;
			border: 1px solid #eee;

			span.help {
				font-size: 0.857em;
				font-weight: normal;
			}

			.form-row {
				margin: 0 0 1em;
			}

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

			&::before {
				content: '';
				display: block;
				border: 1em solid darken( $gray-eee, 5% ); /* arrow size / color */
				border-right-color: transparent;
				border-left-color: transparent;
				border-top-color: transparent;
				position: absolute;
				top: -1em;
				left: 0;
				margin: -1em 0 0 2em;
			}
		}

		.payment_method_paypal {
			.about_paypal {
				float: right;
				line-height: 52px;
				font-size: 0.83em;
			}

			img {
				max-height: 52px;
				vertical-align: middle;
			}
		}
	}
	@media (max-width:767px) {
		.coupon, .checkout_coupon {
			input[name="coupon_code"] {
				margin-bottom: 5px;
			}
		}
	}
}


/* Shop table */
.shop_table .product-remove,
.shop_table .product-thumbnail,
.shop_table .product-price,
.shop_table .product-subtotal,
.shop_table .product-remove,
.woocommerce-orders-table {
	text-align: center;
}
.shop_table .product-remove a {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 24px;
	transition: all 300ms ease-out;
	background-color: #757575;
	color: #ffffff !important;
}
.shop_table thead, .shop_table thead th, .woocommerce-MyAccount-navigation li.is-active {
	background-color: #f5f5f5 !important;
}
.shop_table thead th, .woocommerce table.wishlist_table thead th, .woocommerce-MyAccount-navigation li.is-active {
	color: #212121;
	border-width: 1px;
	border-style: solid;
	border-color: #e0e0e0;
}

.woocommerce-checkout {
	.woocommerce-form-coupon-toggle, .checkout_coupon.woocommerce-form-coupon {
		margin-bottom: 30px;
	}
	.woocommerce-billing-fields {
		.title {
			margin-bottom: 30px;
		}
	}
	.woocommerce-additional-fields {
		.title {
			margin-bottom: 30px;
		}
	}
	#order_review_heading {
		margin-bottom: 30px;
	}
}