.elementor-532 .elementor-element.elementor-element-6c02a68{--display:flex;}/* Start custom CSS for container, class: .elementor-element-6c02a68 *//* ==================================================
   ULTIMATE MEMBER - MODERN PASSWORD RESET PAGE STYLING
   ================================================== */

/* 1. Password Reset Main Container */
.um-password,
.um-reset-password {
  max-width: 480px !important;
  margin: 50px auto !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(212, 171, 83, 0.2) !important;
  padding: 40px 35px !important;
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 2. Form Title */
.um-password .um-form-title,
.um-password h2,
.um-reset-password .um-form-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  text-align: center !important;
  margin-bottom: 25px !important;
  letter-spacing: -0.3px !important;
  border-bottom: 2px solid #f2f4f7 !important;
  padding-bottom: 12px !important;
}

/* 3. Input Labels */
.um-password .um-field-label label,
.um-reset-password .um-field-label label {
  font-weight: 600 !important;
  color: #344054 !important;
  font-size: 14px !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* 4. Text & Password Inputs */
.um-password .um-field-area input[type="text"],
.um-password .um-field-area input[type="password"],
.um-reset-password .um-field-area input[type="password"] {
  width: 100% !important;
  padding: 13px 16px !important;
  border: 1.5px solid #eaecf0 !important;
  border-radius: 10px !important;
  background-color: #fcfcfd !important;
  font-size: 15px !important;
  color: #101828 !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

/* Focus State (#D4AB53) */
.um-password .um-field-area input[type="text"]:focus,
.um-password .um-field-area input[type="password"]:focus,
.um-reset-password .um-field-area input[type="password"]:focus {
  border-color: #D4AB53 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(212, 171, 83, 0.15) !important;
  outline: none !important;
}

/* Field Icon Color */
.um-password .um-field-icon i,
.um-reset-password .um-field-icon i {
  color: #D4AB53 !important;
}

/* 5. Submit Button (#D4AB53) */
.um-password input[type="submit"].um-button,
.um-password input[type="submit"],
.um-reset-password input[type="submit"].um-button,
.um-reset-password input[type="submit"] {
  width: 100% !important;
  background: linear-gradient(135deg, #D4AB53 0%, #B88E38 100%) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 6px 18px rgba(212, 171, 83, 0.3) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 15px !important;
}

.um-password input[type="submit"].um-button:hover,
.um-password input[type="submit"]:hover,
.um-reset-password input[type="submit"].um-button:hover,
.um-reset-password input[type="submit"]:hover {
  background: linear-gradient(135deg, #c49a42 0%, #a27a29 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(212, 171, 83, 0.4) !important;
}

/* 6. Back to Login / Alt Links */
.um-password .um-col-alt-b a,
.um-password .um-link-alt,
.um-password a.um-link-alt {
  color: #D4AB53 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.um-password .um-col-alt-b a:hover,
.um-password .um-link-alt:hover {
  color: #b88e38 !important;
  text-decoration: underline !important;
}

/* 7. Success & Error Notices */
.um-password .um-notice.err,
.um-reset-password .um-notice.err {
  background-color: #fef2f2 !important;
  border-left: 4px solid #ef4444 !important;
  color: #991b1b !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  margin-bottom: 20px !important;
}

.um-password .um-notice.success,
.um-reset-password .um-notice.success {
  background-color: #f0fdf4 !important;
  border-left: 4px solid #22c55e !important;
  color: #166534 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  margin-bottom: 20px !important;
}

/* Mobile Responsive */
@media (max-width: 550px) {
  .um-password,
  .um-reset-password {
    margin: 20px 15px !important;
    padding: 25px 20px !important;
  }
}/* End custom CSS */