/* WE LIVE Suplementos — UAP frontend refinement */
.we-live-uap-page {
  --wl-uap-bg:#f7f7f5;
  --wl-uap-card:#ffffff;
  --wl-uap-text:#111111;
  --wl-uap-muted:#626262;
  --wl-uap-line:#deded9;
  --wl-uap-soft:#f1f1ee;
  --wl-uap-accent:#111111;
  --wl-uap-danger:#b42318;
  --wl-uap-success:#157347;
  --wl-uap-radius:18px;
  --wl-uap-shadow:0 18px 50px rgba(0,0,0,.07);
}

.we-live-uap-page .uap-register-form,
.we-live-uap-page .uap-login-form-wrap,
.we-live-uap-page .uap-login-form,
.we-live-uap-page .uap-reset-pass-form,
.we-live-uap-page .uap-user-page-wrapper,
.we-live-uap-page .uap-ap-wrap {
  box-sizing:border-box;
  max-width:100%;
}

/* Registration: neutralize legacy theme layouts so the form always fits. */
.we-live-uap-page .uap-register-form {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--wl-uap-text) !important;
  font-family:inherit !important;
}

.we-live-uap-page .uap-register-form form,
.we-live-uap-page .uap-register-form .uap-form-create-edit {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:18px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}

.we-live-uap-page .uap-register-col,
.we-live-uap-page .uap-register-row-left,
.we-live-uap-page .uap-register-row-right,
.we-live-uap-page .uap-temp7-row {
  display:contents !important;
  width:auto !important;
  max-width:none !important;
  float:none !important;
}

.we-live-uap-page .uap-form-line-register {
  display:block !important;
  clear:both !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--wl-uap-text) !important;
}

.we-live-uap-page .uap-labels-register,
.we-live-uap-page .uap-form-label-fr,
.we-live-uap-page .uap-account-title-label {
  display:block !important;
  margin:0 0 7px !important;
  color:var(--wl-uap-text) !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:1.35 !important;
  letter-spacing:-.01em !important;
}

.we-live-uap-page .uap-register-form input[type="text"],
.we-live-uap-page .uap-register-form input[type="email"],
.we-live-uap-page .uap-register-form input[type="password"],
.we-live-uap-page .uap-register-form input[type="tel"],
.we-live-uap-page .uap-register-form input[type="url"],
.we-live-uap-page .uap-register-form input[type="number"],
.we-live-uap-page .uap-register-form input[type="date"],
.we-live-uap-page .uap-register-form select,
.we-live-uap-page .uap-register-form textarea,
.we-live-uap-page .uap-form-line-fr input[type="text"],
.we-live-uap-page .uap-form-line-fr input[type="email"],
.we-live-uap-page .uap-form-line-fr input[type="password"],
.we-live-uap-page .uap-form-line-fr input[type="tel"],
.we-live-uap-page .uap-form-line-fr select,
.we-live-uap-page .uap-form-line-fr textarea,
.we-live-uap-page .uap-ap-wrap input[type="text"],
.we-live-uap-page .uap-ap-wrap input[type="email"],
.we-live-uap-page .uap-ap-wrap input[type="password"],
.we-live-uap-page .uap-ap-wrap input[type="url"],
.we-live-uap-page .uap-ap-wrap select,
.we-live-uap-page .uap-ap-wrap textarea {
  box-sizing:border-box !important;
  width:100% !important;
  min-height:50px !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid var(--wl-uap-line) !important;
  border-radius:12px !important;
  outline:none !important;
  background:var(--wl-uap-card) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.03) !important;
  color:var(--wl-uap-text) !important;
  font:inherit !important;
  font-size:16px !important;
  line-height:1.35 !important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.we-live-uap-page .uap-register-form textarea,
.we-live-uap-page .uap-ap-wrap textarea { min-height:120px !important; resize:vertical !important; }

.we-live-uap-page .uap-register-form input:focus,
.we-live-uap-page .uap-register-form select:focus,
.we-live-uap-page .uap-register-form textarea:focus,
.we-live-uap-page .uap-form-line-fr input:focus,
.we-live-uap-page .uap-ap-wrap input:focus,
.we-live-uap-page .uap-ap-wrap select:focus,
.we-live-uap-page .uap-ap-wrap textarea:focus {
  border-color:#111 !important;
  box-shadow:0 0 0 3px rgba(17,17,17,.10) !important;
}

.we-live-uap-page .uap-register-form input::placeholder,
.we-live-uap-page .uap-form-line-fr input::placeholder { color:#8a8a86 !important; opacity:1 !important; }

.we-live-uap-page .uap-form-checkbox,
.we-live-uap-page .uap-form-radio,
.we-live-uap-page .uap-form-checkbox input,
.we-live-uap-page .uap-form-radio input {
  accent-color:#111 !important;
}

.we-live-uap-page .uap-register-form input[type="checkbox"],
.we-live-uap-page .uap-register-form input[type="radio"] {
  width:18px !important;
  height:18px !important;
  min-height:18px !important;
  margin:2px 8px 0 0 !important;
  vertical-align:top !important;
}

.we-live-uap-page .uap-submit-form,
.we-live-uap-page .uap-form-submit,
.we-live-uap-page .uap-submit-field-wrap {
  width:100% !important;
  margin:4px 0 0 !important;
  padding:0 !important;
  text-align:left !important;
}

.we-live-uap-page .uap-submit-form input[type="submit"],
.we-live-uap-page .uap-submit-form button,
.we-live-uap-page .uap-form-submit input[type="submit"],
.we-live-uap-page .uap-form-submit button,
.we-live-uap-page .uap-submit-field-wrap input[type="submit"],
.we-live-uap-page .uap-submit-field-wrap button {
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:52px !important;
  padding:13px 20px !important;
  border:1px solid #111 !important;
  border-radius:999px !important;
  background:#111 !important;
  color:#fff !important;
  box-shadow:none !important;
  font:inherit !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:-.01em !important;
  cursor:pointer !important;
  transition:transform .16s ease, opacity .16s ease !important;
}

.we-live-uap-page .uap-submit-form input[type="submit"]:hover,
.we-live-uap-page .uap-submit-form button:hover,
.we-live-uap-page .uap-form-submit input[type="submit"]:hover,
.we-live-uap-page .uap-form-submit button:hover { opacity:.9 !important; transform:translateY(-1px) !important; }

.we-live-uap-page .uap-register-notice,
.we-live-uap-page .uap-error-message,
.we-live-uap-page .uap-warning-box {
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  margin:8px 0 0 !important;
  padding:11px 13px !important;
  border:1px solid #f0b6b2 !important;
  border-radius:10px !important;
  background:#fff4f3 !important;
  color:var(--wl-uap-danger) !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.we-live-uap-page .uap-success-box {
  box-sizing:border-box !important;
  padding:12px 14px !important;
  border:1px solid #a8d5bd !important;
  border-radius:10px !important;
  background:#f1fbf5 !important;
  color:var(--wl-uap-success) !important;
}

.we-live-uap-page .uap-register-form a,
.we-live-uap-page .uap-login-form-wrap a,
.we-live-uap-page .uap-ap-wrap a {
  color:#111 !important;
  text-underline-offset:3px !important;
}

.we-live-uap-page .uap-form-sublabel,
.we-live-uap-page .uap-account-notes,
.we-live-uap-page .uap-change-password-field-details {
  color:var(--wl-uap-muted) !important;
  font-size:12.5px !important;
  line-height:1.55 !important;
}

.we-live-uap-page .uap-color-red { color:var(--wl-uap-danger) !important; }

/* Password reveal control added progressively by JS. */
.we-live-uap-page .wl-uap-password-wrap { position:relative !important; }
.we-live-uap-page .wl-uap-password-wrap input { padding-right:82px !important; }
.we-live-uap-page .wl-uap-password-toggle {
  position:absolute !important;
  top:50% !important;
  right:8px !important;
  transform:translateY(-50%) !important;
  min-width:64px !important;
  min-height:36px !important;
  padding:6px 10px !important;
  border:0 !important;
  border-radius:8px !important;
  background:var(--wl-uap-soft) !important;
  color:#222 !important;
  font:inherit !important;
  font-size:12px !important;
  font-weight:700 !important;
  cursor:pointer !important;
}

/* Login / reset */
.we-live-uap-page .uap-login-form-wrap,
.we-live-uap-page .uap-reset-pass-form {
  width:100% !important;
  max-width:560px !important;
  margin:0 auto !important;
}
.we-live-uap-page .uap-form-line-fr { margin:0 0 16px !important; }
.we-live-uap-page .uap-form-links { display:flex !important; flex-wrap:wrap !important; gap:10px 18px !important; margin-top:12px !important; }

/* Affiliate portal */
.we-live-uap-page .uap-user-page-wrapper { width:100% !important; max-width:1180px !important; margin:0 auto !important; }
.we-live-uap-page .uap-profile-box-wrapper,
.we-live-uap-page .uap-ap-wrap {
  border-radius:var(--wl-uap-radius) !important;
}
.we-live-uap-page .uap-profile-box-wrapper {
  overflow:hidden !important;
  border:1px solid var(--wl-uap-line) !important;
  background:var(--wl-uap-card) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.04) !important;
}
.we-live-uap-page .uap-profile-box-title { padding:16px 18px !important; background:#111 !important; color:#fff !important; }
.we-live-uap-page .uap-profile-box-content { padding:18px !important; }
.we-live-uap-page .uap-row { display:flex !important; flex-wrap:wrap !important; gap:16px !important; margin-left:0 !important; margin-right:0 !important; }
.we-live-uap-page [class*="uap-col-xs-"] { box-sizing:border-box !important; flex:1 1 280px !important; width:auto !important; max-width:100% !important; padding:0 !important; }
.we-live-uap-page .uap-table,
.we-live-uap-page table { max-width:100% !important; }

/* Select2 normalization */
.we-live-uap-page .select2-container { width:100% !important; max-width:100% !important; }
.we-live-uap-page .select2-container .select2-selection--single { min-height:50px !important; border:1px solid var(--wl-uap-line) !important; border-radius:12px !important; }
.we-live-uap-page .select2-container .select2-selection--single .select2-selection__rendered { line-height:48px !important; padding-left:14px !important; }
.we-live-uap-page .select2-container .select2-selection--single .select2-selection__arrow { height:48px !important; right:8px !important; }

@media (max-width: 782px) {
  .we-live-uap-page .uap-register-form,
  .we-live-uap-page .uap-login-form-wrap,
  .we-live-uap-page .uap-reset-pass-form,
  .we-live-uap-page .uap-user-page-wrapper { width:100% !important; }

  .we-live-uap-page .uap-register-form form { gap:15px !important; }
  .we-live-uap-page .uap-register-form input,
  .we-live-uap-page .uap-register-form select,
  .we-live-uap-page .uap-register-form textarea,
  .we-live-uap-page .uap-form-line-fr input,
  .we-live-uap-page .uap-ap-wrap input,
  .we-live-uap-page .uap-ap-wrap select,
  .we-live-uap-page .uap-ap-wrap textarea { font-size:16px !important; }

  .we-live-uap-page .uap-user-page-top-wrapper,
  .we-live-uap-page .uap-left-side { width:100% !important; max-width:100% !important; }
  .we-live-uap-page .uap-user-page-avatar img { max-width:72px !important; height:auto !important; }
  .we-live-uap-page .uap-profile-box-content { padding:15px !important; }
}

@media (max-width: 430px) {
  .we-live-uap-page .uap-submit-form input[type="submit"],
  .we-live-uap-page .uap-submit-form button,
  .we-live-uap-page .uap-form-submit input[type="submit"],
  .we-live-uap-page .uap-form-submit button { min-height:54px !important; }
}


/* WE LIVE 1.1 — hard interaction fix for registration fields.
   Some UAP templates/themes leave positioned labels or overlays above inputs.
   These rules restore the browser's native editable behavior. */
.we-live-uap-page .uap-register-form,
.we-live-uap-page .uap-register-form form,
.we-live-uap-page .uap-register-form .uap-form-create-edit,
.we-live-uap-page .uap-register-form .uap-form-line-register,
.we-live-uap-page .uap-register-form .uap-form-line-register > * {
  pointer-events:auto !important;
}

.we-live-uap-page .uap-register-form .uap-form-line-register {
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
}

.we-live-uap-page .uap-register-form .uap-labels-register,
.we-live-uap-page .uap-register-form .uap-form-label-fr,
.we-live-uap-page .uap-register-form label {
  position:static !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  transform:none !important;
  float:none !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 0 7px !important;
  background:transparent !important;
  box-shadow:none !important;
  z-index:auto !important;
}

/* A label must never become an invisible click-blocker above a field. */
.we-live-uap-page .uap-register-form .uap-labels-register {
  pointer-events:none !important;
}

.we-live-uap-page .uap-register-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.we-live-uap-page .uap-register-form textarea,
.we-live-uap-page .uap-register-form select {
  position:relative !important;
  z-index:20 !important;
  pointer-events:auto !important;
  user-select:text !important;
  -webkit-user-select:text !important;
  touch-action:manipulation !important;
  cursor:text !important;
  opacity:1 !important;
  visibility:visible !important;
  caret-color:#111 !important;
  filter:none !important;
  -webkit-text-fill-color:#111 !important;
}

.we-live-uap-page .uap-register-form select {
  cursor:pointer !important;
}

.we-live-uap-page .uap-register-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.we-live-uap-page .uap-register-form textarea:focus,
.we-live-uap-page .uap-register-form select:focus {
  outline:none !important;
  border-color:#111 !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(17,17,17,.12) !important;
}

/* Prevent legacy :before/:after decorations from covering controls. */
.we-live-uap-page .uap-register-form .uap-form-line-register::before,
.we-live-uap-page .uap-register-form .uap-form-line-register::after {
  pointer-events:none !important;
  z-index:0 !important;
}

/* Password wrapper must remain interactive and above legacy layers. */
.we-live-uap-page .wl-uap-password-wrap {
  position:relative !important;
  z-index:20 !important;
  pointer-events:auto !important;
}
.we-live-uap-page .wl-uap-password-wrap input {
  position:relative !important;
  z-index:1 !important;
  pointer-events:auto !important;
}
.we-live-uap-page .wl-uap-password-toggle {
  z-index:2 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

/* Keep editable controls usable on mobile Safari/Chrome. */
@media (max-width: 782px) {
  .we-live-uap-page .uap-register-form input:not([type="hidden"]),
  .we-live-uap-page .uap-register-form textarea,
  .we-live-uap-page .uap-register-form select {
    font-size:16px !important;
  }
}


/* WE LIVE 1.2 — faster, cleaner affiliate signup */
.we-live-uap-page .uap-register-form .uap-form-line-register {
  contain:layout paint;
}
.we-live-uap-page .uap-register-form .uap-form-sublabel {
  color:#6b6b6b !important;
  font-size:12px !important;
  line-height:1.45 !important;
  margin-top:6px !important;
}
.we-live-uap-page .uap-register-form input[name="we_live_whatsapp"],
.we-live-uap-page .uap-register-form input[name="we_live_instagram"] {
  min-height:50px !important;
}
.we-live-uap-page .uap-register-form .uap-submit-form {
  margin-top:18px !important;
}
.we-live-uap-page .uap-register-form .uap-submit-form input[type="submit"] {
  min-height:52px !important;
}
@media (max-width:782px){
  .we-live-uap-page .uap-register-form,
  .we-live-uap-page .uap-register-form form {
    max-width:100% !important;
  }
}

/* WE LIVE 1.3 — cross-browser registration stability */
.we-live-uap-page .uap-register-form,
.we-live-uap-page .uap-register-form * { box-sizing:border-box; }
.we-live-uap-page .uap-register-form input,
.we-live-uap-page .uap-register-form select,
.we-live-uap-page .uap-register-form textarea,
.we-live-uap-page .uap-register-form button {
  font-family:inherit;
  -webkit-appearance:none;
  appearance:none;
  max-width:100%;
}
.we-live-uap-page .uap-register-form input[type="checkbox"],
.we-live-uap-page .uap-register-form input[type="radio"] {
  -webkit-appearance:auto;
  appearance:auto;
}
.we-live-uap-page .uap-register-form select {
  cursor:pointer;
  background-color:#fff;
}
.we-live-uap-page .uap-register-form textarea { resize:vertical; min-height:112px; }
.we-live-uap-page .uap-register-form .uap-form-line-register { contain:layout style; }
.we-live-uap-page .uap-register-form input,
.we-live-uap-page .uap-register-form select { min-height:48px; }
@supports (-webkit-touch-callout:none) {
  .we-live-uap-page .uap-register-form input,
  .we-live-uap-page .uap-register-form select,
  .we-live-uap-page .uap-register-form textarea { font-size:16px !important; }
}
@media (max-width:600px) {
  .we-live-uap-page .uap-register-form { width:100% !important; max-width:100% !important; }
  .we-live-uap-page .uap-register-form input,
  .we-live-uap-page .uap-register-form select,
  .we-live-uap-page .uap-register-form textarea { width:100% !important; }
}
@media (prefers-reduced-motion:reduce) {
  .we-live-uap-page .uap-register-form *,
  .we-live-uap-page .uap-register-form *::before,
  .we-live-uap-page .uap-register-form *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* WE LIVE 1.4 — paint/layout containment for a long registration form */
body.we-live-uap-page .uap-register-form {
  content-visibility:auto;
  contain-intrinsic-size:900px;
}
@supports not (content-visibility:auto) {
  body.we-live-uap-page .uap-register-form { contain:none; }
}

/* WE LIVE 1.6 — clearer field states */
.we-live-uap-page .uap-register-form input:invalid:not(:placeholder-shown),
.we-live-uap-page .uap-register-form select:invalid {
  border-color:#a32121;
}
.we-live-uap-page .uap-register-form .uap-register-notice,
.we-live-uap-page .uap-register-form .uap-error-message {
  border-radius:10px;
  padding:10px 12px;
  line-height:1.45;
}
