.woocommerce-myaccount-login-form h1{
	display: none;
}

#customer_login {
	display: flex;
    justify-content: space-around;
	align-items: flex-start;
    margin-inline: auto;
	gap: 32px;
}

.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;
	width: 100%;
	height: auto;
    display: flex;
    flex-direction: column;
}

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

#customer_register h2,
#customer_login h2 {
	font-size: 1rem;
    line-height: 1.5rem;
    margin: 0;
    color: var(--color-text-gray);
    font-weight: 600;
}

#customer_register h2 span,
#customer_login h2 span{
	font-size: 2rem;
	line-height: 2.5rem;
	color: var(--color-text);
	margin-top: 8px;
	display: block;
}

.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{
	padding-left: 54px;
}

.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{
	content: '';
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
	background-color: var(--color-text);
	width: 15px;
	height: 18px;
	display: inline-block;
	z-index: 1;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
    -webkit-mask-size: contain;
	mask-size: contain;
    -webkit-mask-position: center;
	mask-position: center;
}

#customer_login .woocommerce-form-row__email:before,
#customer_register .woocommerce-form-row__email:before{
	-webkit-mask-image: url('../../../icons/mail-icon.svg');
	mask-image: url('../../../icons/mail-icon.svg');
	width: 22px;
	height: 15px;
}

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

.woocommerce form p.lost_password {
	display: inline-flex;
    gap: 4px;
    font-size: 0.875rem;
    line-height: 1.1rem;
    flex-wrap: wrap;
    color: var(--color-text-gray);
    justify-content: center;
    text-align: center;
}

.woocommerce form p.lost_password a{
	color: var(--color-primary);
    text-decoration: underline;
}

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

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

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

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

#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;
}

.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 */
form .form-row span.wc-terms-and-conditions__text{
	font-size: 0.85rem;
    line-height: 1.1rem;
    font-weight: normal;
	margin-top: 10px;
    margin-left: 24px;
}

form input[type=checkbox]+.wc-terms-and-conditions__text:before{
	top: 4px;
}

form input[type=checkbox]+.wc-terms-and-conditions__text:after{
	top: 17px;
}


/* Buttons */
.woocommerce #customer_login button.button,
.woocommerce #customer_register button.button{
	width: 100%;
	font-family: var(--font-family-headline);
	display: flex;
	justify-content: center;
	background: var(--color-gradient);
    padding-block: 16px;
	margin-top: 25px;
}

.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);
	background: unset;
}

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

/* Login/Register Boxes on Mobile */
.customer-login-box{
	position: relative;
	margin-bottom: 64px;
	margin-top: 16px;
	display: none;
}

.customer-login-box img{
	display: flex;
    border-radius: var(--border-radius);
    width: 100%;
    height: 253px;
    object-fit: cover;
}

.woocommerce-myaccount-login-form .customer-login-box a.button{
	position: absolute;
	bottom: 18px;
	left: 18px;
	right: 18px;
	background-color: #fff;
	padding-block: 16px;
	color: var(--color-text);
	gap: 4px;
	flex-wrap: wrap;
	padding-inline: 12px;
}

/* 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: 781px) {
	.customer-login-box{
		display: flex;
	}
	#customer_register h2,
	#customer_login h2{
		margin-top: 44px;
	}
	#customer_login {
		flex-direction: column;
		align-items: center;
		gap: 64px;
	}
	#customer_register,
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
		padding-inline: 25px;
	}
	#customer_login .u-column2.col-2 {
		display: none;
	}
	#customer_register .link--back {
		display: none;
	}
	.woocommerce form.login, .woocommerce form.register{
    	padding: 0;
	}
}