/* .auth-page::before {
    display: block;
    z-index: -1;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
	right: 0;

    background-image: url("../../images/auth_background.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  } */

.auth-page{
	 background-image: url("../../images/auth_background.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	background-attachment: fixed;
}

.auth-page::after{
	display: block;
    z-index: 0;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	backdrop-filter: blur(0.5rem);
}

.auth-page main {
	position: relative;
	z-index: 1;
  padding: 2.75rem 4rem;
  background: rgba(0, 0, 0, 0.16);
}

.auth-page .header{
	width: 100%;
	max-width: 38.75rem;
}

.auth-page .header img {
  height: 4rem;
  width: auto;
}

.auth-page .panel {
  width: 38.75rem;

  border-radius: 0.5rem !important;
  background: rgba(255, 255, 255, 0.65);
  /*backdrop-filter: blur(2.1875rem);*/
  padding: 2.75rem !important;
}

.auth-page .panel.auth-note {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.auth-page .panel.auth-note .note__text {
  padding: 0 2.75rem;
}

.auth-page .form__instruction {
  border-radius: 0.5rem;
  border: 1px solid var(--orange-900, #ff8b01);
  background: var(--orange--100, #fff1e0);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.auth-page .form__instruction svg {
  stroke: var(--orange-900, #ff8b01);
}

.auth-page .form__instruction .instruction__content {
  height: 0;
  overflow: hidden;
  transition: height 250ms ease;
}

.auth-page .form__instruction .instruction__content ul,
.auth-page .form__instruction .instruction__content ol{
	padding-left: 1rem;
}

.auth-page .form__instruction .expand__close {
  display: none;
}

.auth-page .form__instruction.is-open .expand__open {
  display: none;
}

.auth-page .form__instruction.is-open .expand__close {
  display: inline;
}

/* cursor hint */
.auth-page .form__instruction .instruction__expand {
  cursor: pointer;
  text-decoration: underline;
}

@media screen and (max-width: 959px) {
	.auth-page .header{
		max-width: 100%;
	}
	
  .auth-page main {
    padding: 0 1.25rem;
/*     height: 100dvh;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(0.5rem); */
  }

/*   body {
    max-height: 100vh;
    min-height: 100vh;

    background-image: url("../../images/auth_background.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  } */

  .auth-page main > .wrapper {
    padding: 2.75rem 0;
  }

  .auth-page .header img {
    height: 2.875rem;
    width: auto;
  }

  .auth-page .panel {
    width: calc(100vw - 2.5rem);

    padding: 1.5rem !important;
  }

  .auth-page .form__instruction .instruction__content {
    height: 0;
    overflow: hidden;
    transition: height 250ms ease;
  }

  .auth-page .form__instruction .expand__close {
    display: none;
  }

  .auth-page .form__instruction.is-open .expand__open {
    display: none;
  }

  .auth-page .form__instruction.is-open .expand__close {
    display: inline;
  }

  /* cursor hint */
  .auth-page .form__instruction .instruction__expand {
    cursor: pointer;
    text-decoration: underline;
  }

  .auth-page footer .lang-selector {
    order: -1;
  }

	.auth-page .panel.auth-note .note__text{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	.woocommerce {
	    width: 100%;
    }
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: none;
  padding: 0;
  margin: 0;
  text-align: left;
  border-radius: 0;
}

.auth-page .form__switcher input[type="radio"] {
  display: none;
}

.auth-page .form__switcher label {
  flex: 1 1 0;

  padding: 0.625rem 1rem;
  text-align: center;

  color: var(--base-black-800, #667085);
  cursor: pointer;

  border-bottom: 1px solid var(--base-white-200, #d7d7d7);
  transition: all 0.3s linear;
}

.auth-page .form__switcher label:has(input[type="radio"]:checked) {
  border-color: var(--base-black-1000, #101010);
  color: var(--base-black-1000, #101010);
}

.auth-page .uniauto-otp input {
  height: 6rem;
  text-align: center;
}

/* PASSWORD CHECKING*/
.password-checks {
  list-style: none;
  padding: 0;
  margin: 0;
}

.password-checks:not(.show) {
  display: none;
}

.password-checks .check-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
}

.password-checks .check-item.is-invalid,
.password-checks .check-item {
  color: var(--system-red-1000, #b6081a);
}

.password-checks .check-item.is-valid {
  color: var(--system-green-1000, #159030);
}

.password-checks .check-item::before {
  display: block;
  content: "";

  width: 1.25rem;
  height: 1.25rem;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.password-checks .check-item.is-invalid::before,
.password-checks .check-item::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M15%205L5%2015M5%205L15%2015%22%20stroke%3D%22%23B6081A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
}

.password-checks .check-item.is-valid::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M4.16675%209.99967L8.33341%2014.1663L16.6667%205.83301%22%20stroke%3D%22%23159030%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E);
}

.woocommerce-password-strength {
  display: none !important;
}

/* NOTIFICATION */
.auth-page .notification .notification--text {
  width: 25rem;
}

@media (max-width: 959px){
	.auth-page .uniauto-otp input {
	  height: 6rem;
	  text-align: center;
	}
	
	.auth-page .notification .notification--text {
	  width: 100%;
	}
}

@media (max-width: 480px){
	.auth-page .uniauto-otp input {
	  height: 3rem;
	}
}