.billow {
	.woocommerce {
		.woocommerce-form {
			&.login {
				.form-row {
					display: flex;
					flex-direction: column;

					.woocommerce-form__label {
						margin-bottom: 1rem;
					}

					.woocommerce-button {
						width: fit-content;
					}
				}
			}
		}

		form {
			.password-input {
				display: -webkit-box;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				flex-direction: column;
				-webkit-box-pack: center;
				justify-content: center;
				position: relative;

				.show-password-input {
					position: absolute;
					right: 0.7em;
					top: 0.88rem;
					cursor: pointer;

					&::after {
						content: '\f06e';
						font-family: 'Font Awesome 5 Free';
						font-weight: 700;
						font-variant: normal;
						text-transform: none;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						margin-left: .618em;
						text-decoration: none;
						speak: none;
					}

					&.display-password {
						&::after {
							content: '\f070';
						}
					}
				}

				.woocommerce-password-strength {
					text-align: center;
					font-weight: 600;
					padding: 3px 0.5rem;
					font-size: 1rem;
					color: $color_white;

					&.short {
						background-color: $color_red;
					}

					&.bad {
						background-color: $color_orange;
					}

					&.good {
						background-color: $color_light_orange;
					}

					&.strong {
						background-color: $color_green;
					}
				}

				.woocommerce-password-hint {
					margin: .5rem 0 0;
					display: block;
				}
			}
		}

		#customer_login {
			.blw-customer-login {
				width: 100%;
				margin: 0 auto;
				padding: 3rem;

				& > h2 {
					display: block;
				}

				form.woocommerce-form {
					padding: 0;
					margin: 0;
				}
			}

			.blw-customer-register {
				margin: 0 auto;
				padding: 3rem;
			}
		}

		.blw-customer-login {
			width: 50%;
			margin: 0 auto;
			padding: 3rem;

			& > h2 {
				display: none;
			}

			form.login {
				border: 0;
				padding: 0.6rem 0;
				font-size: 0.8rem;
				margin: 2rem 0;

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

					input.woocommerce-form__input {
						margin-right: 0.6rem;
					}

					label.woocommerce-form__label {
						margin-right: auto;
					}
				}
			}
		}

		.wc-LostPassword {
			padding: 3rem;
			width: 50%;
			margin: 0 auto;

			.blw_woocommerce_reset_message {
				font-size: 0.8rem;
				color: $color_text_input;
				margin-bottom: 1rem;
				line-height: 1.3rem;
			}
		}
	}

	&.woocommerce-account {
		header.entry-header {
			display: none;
		}
	}
}

@media ( max-width: 62rem ) {
	.billow {
		.woocommerce {
			.blw-customer-login {
				width: 80%;
			}
		}
	}
}

@media ( max-width: 56rem ) {
	.billow {
		.woocommerce {
			#customer_login {
				.blw-customer-login {
					padding: 1rem;
				}

				.blw-customer-register {
					padding: 1rem;
				}
			}
		}
	}
}

@media ( max-width: 50rem ) {
	.billow {
		.woocommerce {
			.wc-LostPassword {
				width: 80%;
				padding: 3rem 0;
			}
		}
	}
}

@media ( max-width: 42rem ) {
	.billow {
		.woocommerce {
			.blw-customer-login {
				width: 90%;
				padding: 3rem 1rem;
			}
		}
	}
}

@media ( max-width: 26rem ) {
	.billow {
		.woocommerce {
			.wc-LostPassword {
				width: 100%;
			}

			.blw-customer-login {
				width: 100%;
				padding: 3rem 0;
			}
		}
	}
}