#customer_login {
	display: flex;
    justify-content: space-around;
    margin-inline: auto;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
	float: none;
	max-width: 480px;
	height: auto;
    display: flex;
    flex-direction: column;
}

.woocommerce #customer_login.col2-set::before,
.woocommerce #customer_login.col2-set::after {
	display: none;
}

#customer_login h2 {
	text-align: center;
    font-family: var(--font-family-headline);
    font-weight: 600;
	margin-top: 0;
}

.woocommerce form.login,
.woocommerce form.register{
	border: unset;
	padding-inline: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.woocommerce form.login{
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.woocommerce form.login .form-row:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
}

#customer_login input.input-text,
#customer_register input.input-text{
    background-color: var(--color-background);
    border-color: var(--color-background);
	padding-left: 40px;
}

.woocommerce form .form-row{
	position: relative;
}

#customer_login .woocommerce-form-row__password:before,
#customer_login .woocommerce-form-row__email:before,
#customer_register .woocommerce-form-row__password:before,
#customer_register .woocommerce-form-row__email:before{
    position: absolute;
    top: 12px;
    left: 16px;
	content: '';
	background-color: currentColor;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 10px;
	z-index: 1;
}

#customer_login .woocommerce-form-row__email:before,
#customer_register .woocommerce-form-row__email:before{
	-webkit-mask-image: url('../../../icons/person-outline.svg');
	mask-image: url('../../../icons/person-outline.svg');
}

#customer_login .woocommerce-form-row__password:before,
#customer_register .woocommerce-form-row__password:before{
	-webkit-mask-image: url('../../../icons/lock-closed-outline.svg');
	mask-image: url('../../../icons/lock-closed-outline.svg');
}

.woocommerce form p.lost_password {
	font-size: 12px;
	margin-block: 0px 5px;
	padding-inline: 4px;
}

.woocommerce-account form .show-password-input{
	width: auto;
}

.woocommerce form .form-row {
	padding: 3px 0;
}

.woocommerce form p.lost_password {
	font-size: 12px;
	margin-block: 0px 5px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
	display: flex;
	justify-content: center;
}

/* Register View */
#customer_register {
	max-width: 500px;
	margin-inline: auto;
}

#customer_register h2{
	text-align: center;
}

#customer_register .customer-login-title{
	margin-top: 30px;
}

#customer_register .terms a,
.woocommerce-privacy-policy-text a {
	font-weight: 600;
	text-decoration: underline;
    text-underline-offset: 3px;
	display: inline-block;
	text-transform: capitalize;
	padding-right: 4px;
}

.woocommerce-privacy-policy-text{
	padding-inline: 3px;
	font-size: clamp(0.8rem, 3vw, 0.9rem);
  	line-height: clamp(1.1rem, 3vw, 1.3rem);
}

.woocommerce .col2-set .col-2 ol, 
.woocommerce-page .col2-set .col-2 ol{
	text-align: left;
    padding: 20px;
    margin: 2em 0;
	flex-grow: 1;
}

/* Terms */
.wc-terms-and-conditions__text{
	display: block;
    line-height: clamp(1rem, 3vw, 1.3rem);
    margin-top: 8px;
    font-size: clamp(0.8rem, 3vw, 0.9rem);
}

/* Buttons */
.woocommerce #customer_login button.button,
.woocommerce #customer_register button.button{
	width: 100%;
	font-family: var(--font-family-headline);
	display: flex;
	justify-content: center;
}

.woocommerce #customer_login button.button.js-register-trigger{
    background-color: var(--color-background);
    color: var(--color-text);
	margin-top: 0;
	border: 1px solid var(--color-text);
	margin-top: 55px;
}

.woocommerce #customer_register button.button{
	margin-top: 15px;
}

/* Login Tabs */
.customer-login-tabs {
	display: none;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 400px;
	max-width: 100%;
	border: 1px solid var(--color-grey);
	border-radius: var(--border-radius-big);
	overflow: hidden;
	margin-bottom: 40px;
}

.customer-login-tab {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	padding: 20px;
	cursor: pointer;
	border: 1px solid var(--color-primary);
}

.customer-login-tab:not(.active) {
	border: 1px solid var(--border-color);
}

.customer-login-tab.active {
	background-color: var(--color-primary);
	color: #fff;
}

@media screen and (max-width: 768px) {
	.customer-login-tabs {
		display: flex;
	}
	#customer_login {
		flex-direction: column;
		align-items: center;
		gap: 64px;
	}
	#customer_login .u-column2.col-2 {
		display: none;
	}
	#customer_register .link--back {
		display: none;
	}
	#customer_register,
	#customer_login{
		min-height: 300px;
	}
	.woocommerce form.login, .woocommerce form.register{
		margin: 0;
    	padding: 0;
	}
	#customer_login .woocommerce-form-row__password:before,
	#customer_login .woocommerce-form-row__email:before,
	#customer_register .woocommerce-form-row__password:before,
	#customer_register .woocommerce-form-row__email:before{
		top: 16px;
	}
}

@media screen and (max-width: 480px) {
	.customer-login-tab {
		padding: 10px;
		font-size: 13px;
	}

}