.elementor-1585 .elementor-element.elementor-element-e913e19{--display:flex;overflow:visible;}.elementor-1585 .elementor-element.elementor-element-e77fcb9{--display:flex;overflow:visible;}.elementor-1585 .elementor-element.elementor-element-621a6fd{width:100%;max-width:100%;}/* Start custom CSS for shortcode, class: .elementor-element-621a6fd *//* =========================================================
   VIGORX - MEMBER LOGIN - FORM STYLING
   =========================================================
   Paste into Ultimate Affiliate Pro's own Custom CSS box for
   the Login showcase (in the UAP plugin dashboard).

   Targets the Shortcode widget holding [uap-login-form]
   automatically, no manual CSS ID needed. The overflow rule
   below reaches every ancestor, of any kind, at any level, not
   just Elementor's own elements, since the thing actually
   clipping a full-bleed section is often a plain theme wrapper
   div with no Elementor class on it at all.
========================================================= */

*:has(form[class*="uap-login"]) { overflow: visible !important; }
.elementor-element:has(form[class*="uap-login"]),
.elementor-column:has(form[class*="uap-login"]),
.elementor-container:has(form[class*="uap-login"]),
.elementor-widget-wrap:has(form[class*="uap-login"]),
.elementor-widget-shortcode:has(form[class*="uap-login"]) {
  overflow: visible !important;
}
.elementor-widget-shortcode:has(form[class*="uap-login"]) {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
}
.elementor-widget-shortcode:has(form[class*="uap-login"]) .elementor-widget-container {
  width: 100% !important;
  background: #FAF6EE !important;
  padding: 40px 20px 56px 20px !important;
  display: flex !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
@media (min-width: 768px) {
  .elementor-widget-shortcode:has(form[class*="uap-login"]) .elementor-widget-container {
    padding: 56px 24px 80px 24px !important;
  }
}


/* ---------- THE FORM CARD ---------- */
form[class*="uap-login"],
form[class*="uap-form-login"] {
  width: 100% !important;
  max-width: 420px !important;
  background: #ffffff !important;
  border: 1px solid rgba(20,38,28,0.08) !important;
  border-radius: 20px !important;
  padding: 32px 24px !important;
  box-sizing: border-box !important;
  box-shadow: 0 20px 48px rgba(20,38,28,0.08) !important;
}
@media (min-width: 768px) {
  form[class*="uap-login"],
  form[class*="uap-form-login"] {
    padding: 44px 40px !important;
  }
}


/* ---------- FIELDS ---------- */
[class*="uap"] label {
  color: #14261C !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 6px !important;
}
[class*="uap"] input[type="text"],
[class*="uap"] input[type="email"],
[class*="uap"] input[type="password"] {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #FAF6EE !important;
  border: 1px solid rgba(20,38,28,0.12) !important;
  border-radius: 14px !important;
  padding: 13px 18px !important;
  font-size: 14.5px !important;
  color: #14261C !important;
  margin-bottom: 16px !important;
  font-family: inherit !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}
[class*="uap"] input:focus {
  outline: none !important;
  border-color: #B4652E !important;
  box-shadow: 0 0 0 3px rgba(180,101,46,0.15) !important;
}
[class*="uap"] input::placeholder { color: #9A9A90 !important; }
[class*="uap"] input[type="password"] { padding-right: 46px !important; }


/* ---------- REMEMBER ME + FORGOT PASSWORD ---------- */
[class*="uap"] input[type="checkbox"] {
  accent-color: #B4652E !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 6px !important;
}
[class*="uap-remember"],
[class*="uap-login-remember"] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
  font-size: 13px !important;
}


/* ---------- UNIVERSAL BUTTON SYSTEM ---------- */
[class*="uap"] button:not(.vxpw-toggle),
[class*="uap"] input[type="submit"],
[class*="uap"] input[type="button"],
[class*="uap"] a.button,
[class*="uap"] a[class*="btn"],
[class*="uap"] a[class*="button"],
[class*="uap-btn"],
[class*="uap-button"] {
  display: inline-block !important;
  width: 100% !important;
  text-align: center !important;
  background: #B4652E !important;
  background-image: none !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 20px !important;
  margin-top: 10px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 10px 24px rgba(180,101,46,0.25) !important;
}
[class*="uap"] button:not(.vxpw-toggle):hover,
[class*="uap"] input[type="submit"]:hover,
[class*="uap"] a.button:hover,
[class*="uap"] a[class*="btn"]:hover {
  background: #965123 !important;
  transform: translateY(-2px) !important;
}
[class*="uap"] button:disabled,
[class*="uap"] input[type="submit"]:disabled {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

[class*="uap"] a[class*="secondary"],
[class*="uap"] a[class*="register"],
[class*="uap"] a[class*="signup"] {
  background: transparent !important;
  color: #14261C !important;
  border: 1px solid rgba(20,38,28,0.15) !important;
  box-shadow: none !important;
}
[class*="uap"] a[class*="secondary"]:hover,
[class*="uap"] a[class*="register"]:hover {
  background: rgba(20,38,28,0.04) !important;
  color: #14261C !important;
}


/* ---------- PLAIN TEXT LINKS ---------- */
[class*="uap"] a:not(.button):not([class*="btn"]):not([class*="uap-btn"]) {
  color: #B4652E !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
[class*="uap-login-register"],
[class*="uap-signup-link"] {
  text-align: center !important;
  margin-top: 20px !important;
  font-size: 13.5px !important;
  color: #4A4A44 !important;
}


/* ---------- VALIDATION MESSAGES ---------- */
[class*="uap-error"],
[class*="uap-message-error"],
[class*="uap"] .error {
  background: rgba(180,50,50,0.08) !important;
  color: #A83A3A !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  margin-bottom: 16px !important;
}
[class*="uap-success"],
[class*="uap-message-success"] {
  background: rgba(180,101,46,0.08) !important;
  color: #B4652E !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  margin-bottom: 16px !important;
}


/* ---------- PASSWORD TOGGLE (added by the hero widget's script) ---------- */
.vxpw-toggle {
  position: absolute !important;
  right: 14px !important;
  top: 12px;
  background: none !important;
  border: none !important;
  color: #9A9A90 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer;
  padding: 4px !important;
  width: auto !important;
  box-shadow: none !important;
  transform: none !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.vxpw-toggle:hover {
  color: #B4652E !important;
  background: none !important;
}
.vxpw-wrap { position: relative; }


/* ---------- MOBILE ---------- */
@media (max-width: 600px) {
  .elementor-widget-shortcode:has(form[class*="uap-login"]) .elementor-widget-container {
    padding: 32px 16px !important;
  }
  form[class*="uap-login"],
  form[class*="uap-form-login"] {
    padding: 26px 18px !important;
    border-radius: 16px !important;
  }
  [class*="uap-remember"],
  [class*="uap-login-remember"] {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}/* End custom CSS */