.elementor-1287 .elementor-element.elementor-element-78d3634{--display:flex;overflow:visible;}/* Start custom CSS for container, class: .elementor-element-78d3634 *//* Ultimate Member — Red Theme
   Drop this file into your theme's custom CSS (Appearance → Customize → Additional CSS)
   or paste into Ultimate Member > Settings > Appearance > Custom CSS.
   Author: ChatGPT
*/
:root{
  --um-red: #e23b3b;
  --um-red-2: #c92222;
  --um-dark: #1b1b1b;
  --um-soft: #f8f5f5;
  --um-muted: #8a8a8a;
  --um-glow: rgba(226,59,59,0.18);
  --um-radius: 12px;
  --um-transition: 200ms cubic-bezier(.2,.9,.3,1);
}

/* Container card */
.um .um-form, .um-modal, .um .um-login, .um-account-forms{
  max-width: 420px !important;
  margin: 28px auto !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), var(--um-soft));
  border-radius: var(--um-radius);
  box-shadow: 0 10px 30px rgba(27,27,27,0.12), 0 2px 6px rgba(27,27,27,0.06);
  padding: 28px !important;
  border: 1px solid rgba(226,59,59,0.06);
}

/* Header / Logo area */
.um .um-form .um-header, .um .um-login .um-header{
  text-align: center;
  margin-bottom: 18px;
}
.um .um-form .um-header h2, .um .um-header h3{
  color: var(--um-dark);
  font-size: 1.45rem;
  margin: 6px 0 0;
  letter-spacing: -0.2px;
}
.um .um-form .um-header p{ color: var(--um-muted); margin:6px 0 0; }

/* Input fields */
.um .um-field input[type="text"],
.um .um-field input[type="email"],
.um .um-field input[type="password"],
.um .um-field textarea,
.um .um-field select{
  width: 100%;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(27,27,27,0.08);
  background: white;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
  transition: box-shadow var(--um-transition), border-color var(--um-transition), transform var(--um-transition);
  font-size: 0.95rem;
}
.um .um-field input::placeholder{ color: #cfcfcf; }
.um .um-field input:focus, .um .um-field textarea:focus, .um .um-field select:focus{
  outline: none;
  border-color: var(--um-red-2);
  box-shadow: 0 6px 24px var(--um-glow);
  transform: translateY(-1px);
}

/* Floating label style (if using labels) */
.um .um-field .um-field-label{ color: var(--um-dark); font-weight:600; margin-bottom:6px; display:block; }

/* Submit button */
.um .um-submit, .um .um-button, button.um-button{
  display: inline-block;
  width: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  background: linear-gradient(180deg,var(--um-red),var(--um-red-2));
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.2px;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(201,35,35,0.18), 0 2px 6px rgba(27,27,27,0.08);
  transition: transform var(--um-transition), box-shadow var(--um-transition), opacity var(--um-transition);
}
.um .um-submit:hover, .um .um-button:hover, button.um-button:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(201,35,35,0.22), 0 2px 6px rgba(27,27,27,0.10);
}
.um .um-submit:active, .um .um-button:active{ transform: translateY(-1px); }

/* Links (forgot, register) */
.um .um-form .um-link, .um .um-form a{
  color: var(--um-red-2);
  text-decoration: none;
  border-bottom: 1px dashed rgba(201,35,35,0.12);
}
.um .um-form a:hover{ text-decoration: underline; opacity:0.95; }

/* Remember me and small controls */
.um .um-field-checkbox label, .um .um-field .um-field-label-small{
  color: var(--um-muted);
  font-size: 0.9rem;
}

/* Error & notice styles */
.um .um-field .um-error, .um .um-field .um-message, .um .um-field .um-help{
  color: var(--um-red-2);
  font-size: 0.88rem;
  margin-top: 8px;
}
.um .um-field.um-error input, .um .um-field.um-error textarea{
  border-color: var(--um-red-2) !important;
  box-shadow: 0 6px 20px rgba(201,35,35,0.12) !important;
}

/* Social login buttons (if present) */
.um .um-social-login .um-social-btn{
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  color: #fff;
}
.um .um-social-login .um-social-btn.um-social-google{ background: linear-gradient(180deg, #ea4335, #d23a2d); }
.um .um-social-login .um-social-btn.um-social-facebook{ background: linear-gradient(180deg, #3b5998, #2e4790); }

/* Small screens */
@media (max-width:420px){
  .um .um-form, .um-account-forms{ padding:18px !important; margin:16px !important; border-radius:10px; }
}

/* Subtle decorative stripe */
.um .um-form::before{
  content: "";
  display:block;
  height:6px;
  width:60px;
  border-radius: 6px;
  margin: 0 auto 12px;
  background: linear-gradient(90deg,var(--um-red),var(--um-red-2));
}

/* Accessibility improvements */
.um .um-field input:focus-visible{ box-shadow: 0 0 0 4px rgba(226,59,59,0.12); }

/* Optional: dark mode switch handling (if site has dark mode) */
@media (prefers-color-scheme: dark){
  :root{ --um-soft: #121212; --um-dark: #f5f5f5; }
  .um .um-form{ background: linear-gradient(180deg, rgba(18,18,18,0.95), #0f0f0f); border: 1px solid rgba(255,255,255,0.04); }
  .um .um-field input{ background: #0b0b0b; color: var(--um-dark); border-color: rgba(255,255,255,0.04); }
}

/* End of file *//* End custom CSS */