.billow {
	.checkout_coupon {
		border: 1px solid $color_border;
		padding: 2rem;

		p:first-child {
			margin-top: 0;
		}

		.form-row-last {
			margin-bottom: 0;
		}
	}
}

.billow {
	.woocommerce-checkout {
		.blw-wc-co {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: start;
			-ms-flex-align: start;
			align-items: flex-start;
			margin-left: -0.6rem;
			margin-right: -0.6rem;

			.blw-wc-col {
				width: 50%;
				padding-left: 0.6rem;
				padding-right: 0.6rem;

				&:nth-child(2) {
					align-self: flex-start;
					position: -webkit-sticky;
					position: sticky;
					top: 8rem;
				}

				#customer_details {
					width: 100%;
					margin-bottom: 1.25rem;
					padding: 1rem 1.25rem;
					border: 1px solid $color_border;

					.col-1,
					.col-2 {
						width: 100%;
						float: none;
					}

					.woocommerce-billing-fields {
						h3 {
							text-transform: uppercase;
							font-size: 1rem;
							font-weight: 700;
						}
					}
				}

				.blw-order-review {
					width: 100%;
					margin-bottom: 1.25rem;
					padding: 1rem 1.25rem;
					border: 1px solid $color_border;

					h3 {
						text-transform: uppercase;
						font-size: 1rem;
						font-weight: 700;
					}

					.woocommerce-checkout-review-order {
						table {
							border: none;
							font-size: 0.8rem;
							text-align: left;
							width: 100%;
							border-collapse: separate;

							th:first-child {
								padding-left: 0;
							}

							th:last-child {
								text-align: right;
							}

							th {
								text-transform: uppercase;
								font-weight: 400;
							}

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

							td,
							th {
								padding: 0.9rem 0;
							}

							.product-name {
								width: 70%;

								.blw-product-check {
									display: inline;

									.blw-product-remove {
										margin-right: 10px;
										float: left;

										a {
											font-size: 1.4rem;
											text-decoration: none;
											@include transition;

											svg {
												width: 0.8rem;
												height: 0.8rem;
												@include transition;
											}
					
											&:hover {
												svg {
													fill: #d83428;
												}
											}
										}
									}

									.blw-product-thumbnail {
										float: left;

										img {
											max-width: 4rem;
											height: auto;
											margin-right: 1.25rem;
										}
									}

									.blw-product-name {
										.check-name {
											font-weight: 600;
											line-height: 1.4;
										}

										.qty {
											text-transform: uppercase;
											font-size: 0.8rem;
											color: $color_text_input;

											.product-quantity {
												color: $color_text_main;
											}
										}
									}
								}

								.variation {
									display: flex;
									align-items: center;

									dd {
										padding: 0 0.3rem;
									}

									dd,
									p {
										margin: 0;
									}
								}
							}

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

							tfoot {
								th {
									font-weight: 700;
								}

								td {
									text-align: right;
								}
							}
						}

						.woocommerce-checkout-payment {
							.place-order {
								margin-top: 1.8rem;

								.woocommerce-terms-and-conditions-wrapper {
									p {
										opacity: 0.8;
										font-size: 0.9rem;
										line-height: 1.4;
										margin-bottom: 1.8rem;
										margin-top: 0;
									}
								}
							}
						}
					}
				}
			}
		}

		p {
			label {
				display: block;
				margin-bottom: 0.5rem;
			}
		}

	}

	&.woocommerce-checkout.woocommerce-order-received {
		header.entry-header {
			display: none;
		}

		.woocommerce-order {
			.woocommerce-order-over {
				h2.woocommerce-heading--success {
					margin-bottom: 0.3rem;
					font-size: 1.5rem;

					i.blw-icon-check {
						display: inline-block;
						width: 1.25rem;
						height: 1.25rem;
						line-height: 1.25rem;
						text-align: center;
						font-style: normal;
						margin-right: 0.5rem;
						padding: 0;
						position: relative;

						&::before {
							content: '\f058';
							font-family: 'Font Awesome 5 Free';
							font-weight: 700;
							display: inline-block;
							font-size: 1.2rem;
							color: $color_green;
							text-rendering: auto;
						}
					}
				}

				ul.woocommerce-order-overview {
					li {
						padding: 1rem 1.5rem;

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

						span {
							display: block;
							font-weight: 700;
							padding-top: 0.3rem;

							bdi {
								display: flex;
								align-items: baseline;
							}
						}
					}
				}
			}

			.woocommerce-order-details {
				.order_item {
					.wc-item-meta {
						margin-top: 0.4rem;

						li {
							display: flex;

							p {
								margin-top: 0;
								margin-left: 0.3rem;
								margin-bottom: 0.3rem;
							}
						}
					}
				}
			}

			.woocommerce-customer-details {
				h2.woocommerce-column__title {
					margin-bottom: 0.5rem;
				}

				address {
					border: 0;
					padding: 0;
					font-size: 0.9rem;
					font-style: normal;
					line-height: 2;
				}

				.woocommerce-customer-details--phone,
				.woocommerce-customer-details--email {
					margin-bottom: 0;
					font-size: 0.9rem;

					&::before {
						font-family: 'Font Awesome 5 Free';
						font-weight: 700;
						display: inline-block;
						text-rendering: auto;
						padding-right: 0.5rem;
					}
				}

				.woocommerce-customer-details--phone {
					&::before {
						content: '\f095';
					}
				}

				.woocommerce-customer-details--email {
					&::before {
						content: '\f0e0';
					}
				}
			}
		}

		.woocommerce-order-end {
			margin-top: 3rem;
		}
	}
}


@media only screen and ( max-width: 58em ) {
	.billow {
		.woocommerce-checkout {
			.blw-wc-co {
				flex-direction: column;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;

				.blw-wc-col {
					width: 100%;

					.woocommerce-checkout {
						.woocommerce-checkout-review-order {
							padding: 1.25rem;

							.woocommerce-checkout-payment {
								.woocommerce-info {
									padding: 1.1rem;

									&::before {
										content: none;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

@media only screen and (max-width: 26rem) {
	.billow {
		&.woocommerce-checkout {
			.woocommerce-order {
				.woocommerce-order-details {
					.order_item {
						.wc-item-meta {
							display: flex;
							flex-direction: column;
							padding-top: 0.5rem;

							li:not(:last-child) {
								padding-right: 0.5rem;
							}

							p {
								margin: 0;
								margin-left: 0;
								margin-bottom: 0;
							}
						}
					}
				}

				.woocommerce-customer-details {
					address {
						padding: 0rem 1.5rem !important;
					}
				}
			}
		}
	}
}