.elementor-1990 .elementor-element.elementor-element-293b7c4{--display:flex;}.elementor-1990 .elementor-element.elementor-element-a9334ca{margin:58px 0px calc(var(--kit-widget-spacing, 0px) + -22px) 0px;}.elementor-1990 .elementor-element.elementor-element-ff10fa2{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a1a71a8 *//* ===== LOGIN PAGE ===== */

.cja-login-page {
  padding: 40px 16px 60px;
  background:
    radial-gradient(900px 500px at 15% 10%, rgba(110,46,255,0.14), transparent 60%),
    linear-gradient(180deg, #F6F8FF 0%, #EEF2FF 55%, #F8FAFF 100%);
}

.cja-login-wrap {
  max-width: 640px;
  margin: 0 auto;
}

/* CARD */
.cja-login-card {
  position: relative;
  border-radius: 24px;
  padding: clamp(24px, 4vw, 40px);
  background:
    radial-gradient(900px 500px at 20% 10%, rgba(110,46,255,0.22), transparent 60%),
    radial-gradient(900px 500px at 90% 40%, rgba(59,130,246,0.16), transparent 65%),
    linear-gradient(135deg, #0F1024 0%, #11125D 55%, #0B1220 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 70px rgba(2,6,23,0.28);
}

.cja-login-card:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #6E2EFF, #3B82F6, #00C2A8);
}

/* PILL */
.cja-login-pill {
  display: inline-flex;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.18);
}

/* TEXT */
.cja-login-title {
  margin: 18px 0 10px;
  font-size: clamp(30px, 4.5vw, 44px);
  font-weight: 900;
  color: #fff;
}

.cja-login-sub {
  margin-bottom: 20px;
  color: rgba(255,255,255,.75);
  line-height: 1.6;
}

/* FORM WRAPPER */
.cja-login-form .woocommerce-form {
  background: rgba(255,255,255,0.96);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 12px 30px rgba(15,23,42,0.08);
}

/* INPUTS */
.cja-login-form input.input-text {
  min-height: 52px;
  border-radius: 14px !important;
  border: 1px solid rgba(15,23,42,0.12) !important;
  padding: 12px 14px !important;
}

.cja-login-form input.input-text:focus {
  border-color: #6E2EFF !important;
  box-shadow: 0 0 0 3px rgba(110,46,255,0.10);
}

/* BUTTON */
.cja-login-form button.button {
  width: 100%;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  font-weight: 800 !important;
  border: none !important;
  color: #fff !important;
  background: linear-gradient(135deg, #6E2EFF 0%, #3B82F6 45%, #00C2A8 100%);
  box-shadow: 0 14px 34px rgba(110,46,255,0.22);
}

/* FOOTER */
.cja-login-footer {
  margin-top: 16px;
  text-align:/* End custom CSS */
/* Start custom CSS *//* ============================
   CJA AUTH PAGE (custom_login)
   ============================ */
.cja-auth-page{
  --max: 1120px;
  --ink: #0b1220;
  --muted: rgba(11,18,32,.72);
  --brand: rgb(92,111,138);
  --violet: rgba(168,85,247,.92);
  --pink: rgba(236,72,153,.88);
  --card: rgba(255,255,255,.92);
  --border: rgba(15,23,42,.12);
  --shadow: 0 22px 60px rgba(15,23,42,.16);
  width: 100%;
}

.cja-auth-page .cja-auth-hero,
.cja-auth-page .cja-auth-card{
  width: min(100%, var(--max));
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px){
  .cja-auth-page .cja-auth-hero,
  .cja-auth-page .cja-auth-card{
    padding-left: 16px;
    padding-right: 16px;
  }
}

.cja-auth-page .cja-auth-panel{
  position: relative;
  border-radius: 24px;
  padding: 22px 22px 16px;
  background:
    radial-gradient(900px 420px at 20% 0%, rgba(92,111,138,.22), transparent 60%),
    radial-gradient(900px 520px at 80% 0%, rgba(168,85,247,.18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.88));
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  overflow: hidden;
  margin-top: 24px;
}

.cja-auth-page .cja-auth-panel:before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height: 5px;
  background: linear-gradient(90deg, var(--brand), var(--violet), var(--pink));
}

.cja-auth-page .cja-pill{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(15,23,42,.72);
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 10px 26px rgba(15,23,42,.08);
}

.cja-auth-page .cja-auth-h1{
  margin: 14px 0 8px;
  font-size: clamp(26px, 4.6vw, 44px);
  line-height: 1.06;
  font-weight: 950;
  color: var(--ink);
}

.cja-auth-page .cja-auth-sub{
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--muted);
  max-width: 70ch;
}

.cja-auth-page .cja-auth-card{
  margin-top: 16px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 22px;
}

/* Make typical login form elements match your style */
.cja-auth-page input[type="text"],
.cja-auth-page input[type="email"],
.cja-auth-page input[type="password"],
.cja-auth-page select,
.cja-auth-page textarea{
  width: 100% !important;
  height: 46px;
  padding: 0 14px;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 14px;
  background: #fff;
  color: var(--ink);
  font-size: 15px;
  outline: none;
}

.cja-auth-page input:focus,
.cja-auth-page select:focus,
.cja-auth-page textarea:focus{
  border-color: rgba(92,111,138,.90);
  box-shadow: 0 0 0 4px rgba(92,111,138,.20);
}

.cja-auth-page button,
.cja-auth-page input[type="submit"],
.cja-auth-page .button{
  width: 100%;
  height: 54px;
  border-radius: 16px;
  font-weight: 950;
  font-size: 15px;
  border: 0;
  color: #fff;
  background: linear-gradient(90deg, var(--brand), var(--violet), var(--pink));
  box-shadow: 0 18px 40px rgba(15,23,42,.18);
  cursor: pointer;
}
/* ============================
   LOGIN PAGE FIXES (page-id-1990)
   ============================ */

/* 1) Scope everything to the login page only */
body.page-id-1990 .cja-auth-page{
  padding: 28px 0 60px;
}

/* 2) Force the login form to stay inside the centered card */
body.page-id-1990 .cja-auth-card,
body.page-id-1990 .cja-wc-login-wrap,
body.page-id-1990 .elementor-login,
body.page-id-1990 form.woocommerce-form-login{
  max-width: 520px !important;
  width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
}

/* 3) Remove accidental spacers/dividers inside the card */
body.page-id-1990 .cja-auth-card .elementor-spacer,
body.page-id-1990 .cja-auth-card .elementor-divider{
  display: none !important;
}

/* 4) Make labels readable */
body.page-id-1990 .cja-auth-page label,
body.page-id-1990 .cja-auth-page .elementor-field-label{
  color: rgba(11,18,32,.85) !important;
  font-weight: 700 !important;
}

/* 5) Inputs */
body.page-id-1990 .cja-auth-page input[type="text"],
body.page-id-1990 .cja-auth-page input[type="email"],
body.page-id-1990 .cja-auth-page input[type="password"]{
  width: 100% !important;
  height: 46px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #0b1220 !important;
  font-size: 15px !important;
  outline: none !important;
}

/* 6) Focus state */
body.page-id-1990 .cja-auth-page input:focus{
  border-color: rgba(92,111,138,.90) !important;
  box-shadow: 0 0 0 4px rgba(92,111,138,.20) !important;
}

/* 7) Buttons */
body.page-id-1990 .cja-auth-page button,
body.page-id-1990 .cja-auth-page input[type="submit"],
body.page-id-1990 .cja-auth-page .elementor-button,
body.page-id-1990 .cja-auth-page button.woocommerce-button{
  width: 100% !important;
  height: 54px !important;
  border-radius: 16px !important;
  font-weight: 950 !important;
  font-size: 15px !important;
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(90deg, rgb(92,111,138), rgba(168,85,247,.92), rgba(236,72,153,.88)) !important;
  box-shadow: 0 18px 40px rgba(15,23,42,.18) !important;
  cursor: pointer !important;
}

/* 8) Remember me + lost password layout */
body.page-id-1990 .cja-auth-page .woocommerce-form__label-for-checkbox,
body.page-id-1990 .cja-auth-page .elementor-field-type-checkbox{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin: 10px 0 14px !important;
  color: rgba(11,18,32,.72) !important;
}

body.page-id-1990 .cja-auth-page .lost_password{
  margin-top: 10px !important;
}

/* 9) Link styles */
body.page-id-1990 .cja-auth-page a{
  color: rgba(92,111,138,1) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
body.page-id-1990 .cja-auth-page a:hover{
  text-decoration: underline !important;
}

/* 10) OPTIONAL: Hide footer/CTA blocks on login page (if you didn't use Elementor Canvas) */
body.page-id-1990 footer,
body.page-id-1990 .elementor-location-footer{
  display:none !important;
}/* End custom CSS */