/* =========================================================
   Shred X Sculpt — Ultimate Member brand styling
   Paste this into: Ultimate Member > Settings > Appearance > Custom CSS
   (or Appearance > Customize > Additional CSS if that tab isn't available)
   ========================================================= */

/* Page background behind the form (real body classes confirmed from page source) */
body.um-page-register,
body.um-page-login,
body.um-page-account,
body.um-page-password-reset,
body.um-page-members {
  background-color: #07060a !important;
}

/* The whole form card */
.um-register,
.um-login,
.um-account,
.um-password-reset {
  background: #161022 !important;
  border: 1px solid #2c2340 !important;
  border-radius: 10px !important;
  padding: 36px !important;
  max-width: 480px !important;
  margin: 60px auto !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}

/* "Register" / "Login" / "My Account" page heading (block-theme uses wp-block-post-title, not entry-title) */
body.um-page-register .wp-block-post-title,
body.um-page-login .wp-block-post-title,
body.um-page-account .wp-block-post-title,
body.um-page-password-reset .wp-block-post-title,
body.um-page-members .wp-block-post-title {
  color: #e9e6f0 !important;
  font-family: 'Anton', Impact, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
}

/* Field labels */
.um-field-label label {
  color: #9c93ad !important;
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  letter-spacing: 0.04em;
  font-weight: 600 !important;
}

/* Text / email / password inputs */
.um-field-area input[type="text"],
.um-field-area input[type="email"],
.um-field-area input[type="password"],
.um-field-area textarea,
.um-field-area select {
  background: #07060a !important;
  border: 1px solid #2c2340 !important;
  color: #e9e6f0 !important;
  border-radius: 3px !important;
  padding: 12px 14px !important;
  font-family: 'Barlow', Arial, sans-serif !important;
}

.um-field-area input:focus,
.um-field-area textarea:focus,
.um-field-area select:focus {
  border-color: #b855f7 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Placeholder text */
.um-field-area input::placeholder {
  color: #5c5470 !important;
}

/* Primary submit button (Register / Login / Save Changes) */
.um-button {
  background: linear-gradient(135deg, #b855f7, #7c3aed) !important;
  color: #0a0710 !important;
  border: none !important;
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  border-radius: 2px !important;
  padding: 13px 30px !important;
  text-transform: none !important;
  transition: transform .15s ease, box-shadow .15s ease;
}
.um-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(184,85,247,0.45);
}

/* Secondary button — the "Login" link next to Register shares .um-button but also
   carries .um-alt. Override it back to a ghost/outline style so it doesn't
   look identical to the primary action. */
.um-button.um-alt {
  background: transparent !important;
  border: 1.5px solid #2c2340 !important;
  color: #e9e6f0 !important;
  box-shadow: none !important;
}
.um-button.um-alt:hover {
  border-color: #b855f7 !important;
  color: #e879f9 !important;
  transform: none;
  box-shadow: none !important;
}

/* Error / notice messages */
.um-notice,
.um .um-alert {
  background: rgba(184,85,247,0.12) !important;
  border: 1px solid #b855f7 !important;
  color: #e9e6f0 !important;
  border-radius: 4px;
}

/* Profile page cover / avatar area (if using the Members/Profile page) */
.um-profile .um-cover,
.um-profile-body {
  background: #161022 !important;
  border: 1px solid #2c2340 !important;
}
.um-profile .um-name,
.um-profile a.um-name {
  color: #e9e6f0 !important;
  font-family: 'Anton', Impact, sans-serif !important;
}