.elementor-1584 .elementor-element.elementor-element-2ca366d{--display:flex;overflow:visible;}.elementor-1584 .elementor-element.elementor-element-3aefb59{width:100%;max-width:100%;}.elementor-1584 .elementor-element.elementor-element-40abbdd{--display:flex;overflow:visible;}@media(max-width:767px){.elementor-1584 .elementor-element.elementor-element-7c5a4ef{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-7c5a4ef *//* =========================================================
   VIGORX - BECOME A MEMBER - FORM STYLING
   =========================================================
   Paste into Ultimate Affiliate Pro's own Custom CSS box for
   the Registration showcase (in the UAP plugin dashboard).
   That box is built specifically for CSS, which is the safest
   place for it, rather than smuggling <style> through a widget
   meant to hold a shortcode.

   This targets the Shortcode widget holding [uap-register-form]
   automatically, no manual CSS ID needed, and forces every
   likely ancestor back to visible in case one has
   overflow:hidden turned on, which silently clips a full-bleed
   section without any visible error.
========================================================= */

*:has(form[class*="uap-register"]) {
  overflow: visible !important;
}
.elementor-element:has(form[class*="uap-register"]),
.elementor-column:has(form[class*="uap-register"]),
.elementor-container:has(form[class*="uap-register"]),
.elementor-widget-wrap:has(form[class*="uap-register"]),
.elementor-widget-shortcode:has(form[class*="uap-register"]) {
  overflow: visible !important;
}
.elementor-widget-shortcode:has(form[class*="uap-register"]) {
  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-register"]) .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-register"]) .elementor-widget-container {
    padding: 56px 24px 80px 24px !important;
  }
}


/* ---------- THE FORM CARD ---------- */
form[class*="uap-register"],
form[class*="uap-form-register"] {
  width: 100% !important;
  max-width: 560px !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-register"],
  form[class*="uap-form-register"] {
    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"],
[class*="uap"] input[type="tel"],
[class*="uap"] input[type="url"],
[class*="uap"] select,
[class*="uap"] textarea {
  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"] textarea { min-height: 90px !important; resize: vertical !important; }
[class*="uap"] input:focus,
[class*="uap"] select:focus,
[class*="uap"] textarea: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,
[class*="uap"] textarea::placeholder { color: #9A9A90 !important; }

[class*="uap"] input[type="password"] {
  padding-right: 46px !important;
}

@media (min-width: 768px) {
  [class*="uap-register"] [class*="uap-row"],
  [class*="uap-register"] [class*="uap-field-row"] {
    display: flex !important;
    gap: 14px !important;
  }
  [class*="uap-register"] [class*="uap-row"] > *,
  [class*="uap-register"] [class*="uap-field-row"] > * {
    flex: 1 1 0 !important;
  }
}

[class*="uap"] input[type="checkbox"],
[class*="uap"] input[type="radio"] {
  accent-color: #B4652E !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}
[class*="uap-terms"],
[class*="uap-tos"] {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 12.5px !important;
  color: #5B5B54 !important;
  margin: 8px 0 20px 0 !important;
  line-height: 1.5 !important;
}


/* ---------- UNIVERSAL BUTTON SYSTEM ---------- */
/* :not(.vxpw-toggle) excludes the small password show/hide button
   added by the hero widget's script, that one keeps its own
   compact styling defined further down, not this treatment. */
[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*="login"],
[class*="uap"] a[class*="already"] {
  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*="login"]: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;
}


/* ---------- 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 (see the small script snippet
   below the CSS box instructions, optional but recommended) ---------- */
.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-register"]) .elementor-widget-container {
    padding: 32px 16px !important;
  }
  form[class*="uap-register"],
  form[class*="uap-form-register"] {
    padding: 26px 18px !important;
    border-radius: 16px !important;
  }
  [class*="uap-register"] [class*="uap-row"],
  [class*="uap-register"] [class*="uap-field-row"] {
    flex-direction: column !important;
    gap: 0 !important;
  }
}/* End custom CSS */