.elementor-20459 .elementor-element.elementor-element-734d2fc{--display:flex;}#elementor-popup-modal-20459{background-color:rgba(0,0,0,.8);justify-content:center;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-20459 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-20459 .dialog-close-button{display:flex;}#elementor-popup-modal-20459 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-c50b756 *//* =========================
   WRAPPER GENERAL
========================= */
.auth-wrapper {
  max-width: 420px;
  margin: 0 auto;
  padding: 10px;
  font-family: inherit;
}

/* =========================
   SWITCH LOGIN / REGISTER
========================= */
.auth-switch {
  text-align: center;
  margin-bottom: 20px;
  font-size: 14px;
}

.auth-switch a {
  text-decoration: none;
  color: #666;
  font-weight: 500;
  padding: 5px 10px;
  transition: 0.2s ease;
}

.auth-switch a.active {
  color: #000;
  border-bottom: 2px solid #000;
}

.auth-switch a:hover {
  color: #000;
}

.auth-switch .sep {
  color: #ccc;
}

/* =========================
   VIEWS (LOGIN / REGISTER / RESET)
========================= */
.um-box {
  display: none;
}

.um-box.active {
  display: block;
}

/* =========================
   HEADINGS & SUBTITLES
========================= */
.um-box h3 {
  text-align: center;
  margin-bottom: 6px;
  font-size: 20px;
}

.subtitle {
  text-align: center;
  font-size: 14px;
  color: #777;
  margin-bottom: 20px;
  line-height: 1.4;
}

/* =========================
   FORGOT PASSWORD LINK
========================= */
.forgot {
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
}

.forgot a {
  color: #666;
  text-decoration: none;
}

.forgot a:hover {
  color: #000;
}

/* =========================
   BOTTOM SWITCH TEXT
========================= */
.switch-text {
  text-align: center;
  font-size: 14px;
  margin-top: 15px;
}

.switch-text a {
  font-weight: 600;
  text-decoration: none;
  color: #000;
}

/* =========================
   SOCIAL LOGIN (CENTERED LAYOUT)
========================= */
.social-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 20px;
}

/* Divider OR */
.divider {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 20px 0;
}

.divider::before,
.divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e5e5e5;
}

.divider span {
  padding: 0 10px;
  font-size: 13px;
  color: #999;
}

/* Nextend Social Login fix */
.social-login .nsl-container {
  display: flex !important;
  justify-content: center !important;
  width: 100%;
}

.social-login .nsl-container-buttons {
  display: flex !important;
  justify-content: center !important;
  width: 100%;
}

.social-login .nsl-button {
  margin: 0 auto !important;
}

/* fallback alignment */
.social-login * {
  text-align: center;
}

/* =========================
   RESET PASSWORD MESSAGE
========================= */
.reset-message {
  margin-top: 15px;
  font-size: 13px;
  color: #777;
  text-align: center;
  line-height: 1.4;
}

/* =========================
   MOBILE OPTIMIZATION
========================= */
@media (max-width: 480px) {
  .auth-wrapper {
    padding: 5px;
  }

  .um-box h3 {
    font-size: 18px;
  }

  .auth-switch {
    font-size: 13px;
  }
}/* End custom CSS */