/* Start custom CSS for html, class: .elementor-element-8914a7e *//* =========================
   HORUS EYES ACCOUNT PAGE
========================= */

.he-register-page{
  min-height:100vh;
  background:#080A0E;
  overflow:hidden;
  position:relative;
  display:flex;
  align-items:center;
  padding:4rem 0;
  color:#D7B47E;
}

/* BACKGROUND */

.he-reg-glow{
  position:absolute;
  inset:0;

  background:
    radial-gradient(
      circle at top,
      rgba(201,149,42,.14),
      transparent 55%
    );
}

.he-reg-grid{
  position:absolute;
  inset:0;

  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);

  background-size:80px 80px;

  mask-image:
    radial-gradient(circle at center, black 35%, transparent 85%);
}

/* CONTAINER */

.he-register-container{
  width:min(1400px,92%);
  margin:auto;

  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:1fr 560px;
  gap:6rem;
  align-items:center;
}

/* LEFT SIDE */

.he-reg-eyebrow{
  color:#C9952A;
  letter-spacing:.45em;
  text-transform:uppercase;
  font-size:.65rem;
}

.he-reg-title{
  font-size:30px;
  line-height:.92;
  color:#E8B84B;
  text-transform:uppercase;
  margin:1.5rem 0 2rem;
  max-width:700px;
}

.he-reg-text{
  max-width:600px;
  color:#B8A882;
  line-height:2;
  font-size:1.05rem;
}

/* FEATURES */

.he-reg-features{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
  margin-top:3rem;
  max-width:600px;
}

.he-reg-feature{
  padding:1.4rem;

  border:1px solid rgba(201,149,42,.12);

  background:rgba(255,255,255,.02);

  backdrop-filter:blur(14px);

  text-transform:uppercase;

  letter-spacing:.16em;

  font-size:.65rem;

  transition:.4s;
}

.he-reg-feature:hover{
  transform:translateY(-4px);

  border-color:#C9952A;

  box-shadow:
    0 20px 40px rgba(201,149,42,.08);
}

/* RIGHT CARD */

.he-register-card{
  position:relative;
}

.he-register-card::before{
  content:'';

  position:absolute;
  inset:-1px;

  background:
    linear-gradient(
      135deg,
      rgba(245,217,138,.25),
      rgba(201,149,42,.02)
    );

  z-index:-1;
}

.he-register-card-inner{

  background:
    rgba(13,16,24,.96);

  backdrop-filter:blur(30px);

  padding:4rem;

  border:1px solid rgba(201,149,42,.08);

}

/* TITLES */

.he-reg-card-eyebrow{
  color:#C9952A;

  letter-spacing:.4em;

  font-size:.65rem;

  text-transform:uppercase;
}

.he-reg-card-title{
  font-size:3rem;

  color:#E8B84B;

  text-transform:uppercase;

  line-height:1;

  margin:1rem 0 3rem;
}

/* =========================
   WOOCOMMERCE STYLING
========================= */

.he-account-page .woocommerce{
  width:100%;
  color:#D7B47E;
}

/* REMOVE TWO COLUMNS */

.he-account-page .u-columns{
  display:block !important;
}

.he-account-page .col-1,
.he-account-page .col-2{
  width:100% !important;
  max-width:100% !important;
}

/* REMOVE NAVIGATION */

.he-account-page .woocommerce-MyAccount-navigation{
  display:none;
}

/* FORMS */

.he-account-page .woocommerce form.login,
.he-account-page .woocommerce form.register{

  background:transparent !important;

  border:none !important;

  padding:0 !important;

  margin:0 !important;

}

/* FORM ROWS */

.he-account-page .woocommerce form .form-row{
  margin-bottom:1.3rem;
  padding:0;
}

/* LABELS */

.he-account-page label{
  color:#B8A882 !important;

  margin-bottom:.7rem;

  display:block;

  font-size:.78rem;

  letter-spacing:.08em;

  text-transform:uppercase;
}

/* INPUTS */

.he-account-page input.input-text{

  width:100%;

  height:64px;

  background:#080A0E !important;

  border:1px solid rgba(201,149,42,.14) !important;

  color:#fff !important;

  padding:0 1.2rem !important;

  transition:.4s;

  outline:none !important;

}

/* INPUT HOVER */

.he-account-page input.input-text:hover{

  border-color:rgba(201,149,42,.35) !important;

}

/* INPUT FOCUS */

.he-account-page input.input-text:focus{

  border-color:#C9952A !important;

  box-shadow:
    0 0 0 1px #C9952A,
    0 0 30px rgba(201,149,42,.15);

}


/* LINKS */

.he-account-page a{
  color:#E8B84B !important;
  text-decoration:none;
}

.he-account-page a:hover{
  color:#F5D98A !important;
}

/* CHECKBOX */

.he-account-page input[type="checkbox"]{
  accent-color:#C9952A;
}

/* REMEMBER ME */

.he-account-page .woocommerce-form-login__rememberme{
  display:flex;
  align-items:center;
  gap:.7rem;
}

/* LOST PASSWORD */

.he-account-page .lost_password{
  margin-top:1rem;
}

/* ALERTS */

.he-account-page .woocommerce-error,
.he-account-page .woocommerce-message,
.he-account-page .woocommerce-info{

  background:#0D1018 !important;

  border:1px solid rgba(201,149,42,.18) !important;

  color:#fff !important;

  padding:1rem 1.5rem !important;

  margin-bottom:2rem !important;

}

/* REMOVE DEFAULT SHADOWS */

.he-account-page *{
  box-shadow:none;
}

/* AUTOFILL FIX */

.he-account-page input:-webkit-autofill,
.he-account-page input:-webkit-autofill:hover,
.he-account-page input:-webkit-autofill:focus{

  -webkit-text-fill-color:#fff !important;

  -webkit-box-shadow:
    0 0 0px 1000px #080A0E inset !important;

  transition:
    background-color 9999s ease-in-out 0s;

}

/* DASHBOARD LOGGED IN */

.he-account-page .woocommerce-MyAccount-content{

  background:#0D1018;

  border:1px solid rgba(201,149,42,.12);

  padding:2rem;

}

/* RESPONSIVE */

@media(max-width:1100px){

  .he-register-container{
    grid-template-columns:1fr;
    gap:4rem;
  }

}

@media(max-width:768px){

  .he-register-page{
    padding:2rem 0;
  }

  .he-register-card-inner{
    padding:2rem;
  }

  .he-reg-features{
    grid-template-columns:1fr;
  }

  .he-reg-title{
    font-size:3rem;
  }

  .he-reg-card-title{
    font-size:2.2rem;
  }

}

/* LOGIN LINK WRAPPER */

.woocommerce-simple-registration-login-link{
  margin-top:2rem;
}

/* LOGIN BUTTON */

.woocommerce-simple-registration-login-link a{

  display:flex;
  align-items:center;
  justify-content:center;

  width:100%;

  height:60px;

  border:1px solid rgba(201,149,42,.18);

  background:
    rgba(255,255,255,.015);

  backdrop-filter:blur(10px);

  color:#E8B84B !important;

  text-decoration:none;

  text-transform:uppercase;

  letter-spacing:.22em;

  font-size:.68rem;

  font-weight:600;

  transition:.35s ease;

}

/* HOVER */

.woocommerce-simple-registration-login-link a:hover{

  background:
    linear-gradient(
      135deg,
      #E8B84B,
      #C9952A
    );

  color:#080A0E !important;

  border-color:#C9952A;

  transform:translateY(-3px);

  box-shadow:
    0 20px 40px rgba(201,149,42,.22);

}

/* ACTIVE */

.woocommerce-simple-registration-login-link a:active{

  transform:scale(.98);

}

/* =========================
   REGISTER BUTTON
========================= */

.woocommerce input.button,
.woocommerce button.button,
.woocommerce .woocommerce-Button{

  width:100% !important;

  height:62px;

  position:relative;

  overflow:hidden;

  border:none !important;

  border-radius:0 !important;

  background:
    linear-gradient(
      135deg,
      #F5D98A 0%,
      #E8B84B 30%,
      #C9952A 70%,
      #8A6015 100%
    ) !important;

  color:#080A0E !important;

  font-family:Georgia, serif;

  font-size:.72rem !important;

  font-weight:700 !important;

  letter-spacing:.28em;

  text-transform:uppercase;

  cursor:pointer;

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    opacity .35s ease;

  box-shadow:
    0 10px 30px rgba(201,149,42,.18),
    inset 0 1px 0 rgba(255,255,255,.25);

}

/* GOLD SHIMMER */

.woocommerce input.button::before,
.woocommerce button.button::before,
.woocommerce .woocommerce-Button::before{

  content:'';

  position:absolute;

  top:0;
  left:-120%;

  width:100%;
  height:100%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.18),
      transparent
    );

  transition:left .8s ease;

}

/* HOVER */

.woocommerce input.button:hover,
.woocommerce button.button:hover,
.woocommerce .woocommerce-Button:hover{

  transform:translateY(-4px);

  box-shadow:
    0 20px 50px rgba(201,149,42,.32),
    0 0 40px rgba(201,149,42,.18);

  background:
    linear-gradient(
      135deg,
      #F8E3A7 0%,
      #F0C45B 30%,
      #D9A437 70%,
      #A87316 100%
    ) !important;

  color:#080A0E !important;

}

/* SHIMMER MOVE */

.woocommerce input.button:hover::before,
.woocommerce button.button:hover::before,
.woocommerce .woocommerce-Button:hover::before{

  left:120%;

}

/* CLICK */

.woocommerce input.button:active,
.woocommerce button.button:active,
.woocommerce .woocommerce-Button:active{

  transform:scale(.985);

}

/* REMOVE WOOCOMMERCE UGLY STATES */

.woocommerce input.button:focus,
.woocommerce button.button:focus,
.woocommerce .woocommerce-Button:focus{

  outline:none !important;

  color:#080A0E !important;

}

/* DISABLED */

.woocommerce input.button:disabled,
.woocommerce button.button:disabled{

  opacity:.6;

  cursor:not-allowed;

}/* End custom CSS */