/** 
 * Custom styles overriding WP defaults on /wp-signup.php
 *
 * Loads from wp-signup-filters.php
 */

/* Base token fallbacks matching shared forms.css */
.mu_register { --form-bg: #f5f5f5; --form-border: #e5e5e5; --form-border-focus: #d0d0d0; --form-radius: 10px; --form-control-radius: 8px; --form-label-size: 15px; --form-control-size: 22px; --form-pad: 10px 20px; --form-gap: 20px; --form-text: #333; --form-muted: #777; }

/* Override wp-signup module appearance */
.mu_register { width: 380px !important; margin: 0 auto !important; text-align: center; background: var(--form-bg); border-radius: var(--form-radius); padding: var(--form-pad); border: none; box-shadow: none; }
.mu_register form { margin-top: 5px !important;  }
.mu_register #setupform { text-align: center; }
.mu_register #setupform p, .mu_register #setupform label { text-align: center; }
.mu_register #setupform p { margin: 0 0 var(--form-gap); }
.mu_register #setupform p:last-child { margin-bottom: 0; }

/* Override wp-signup  input styles  */
.mu_register #setupform label, .mu_register #setupform legend, .mu_register #setupform .label-heading { color: var(--form-text); font-size: var(--form-label-size); font-weight: 600; margin: 0 0 5px; display: block; }
.mu_register #setupform :is(input[type="text"], input[type="email"], input[type="password"], select, textarea) { background: #fff; border: 2px solid var(--form-border); color: var(--form-muted); display: inline-block; width: 100%; outline: none; padding: 7px 8px; margin: 0 auto; font-size: var(--form-control-size); font-weight: 300; text-align: left; }
.mu_register #setupform select { border-radius: var(--form-control-radius); }
.mu_register #setupform :is(input[type="text"], input[type="email"], input[type="password"], select, textarea):focus { border-color: var(--form-border-focus); color: var(--form-text); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }

/* Override wp-login submit buttons */
.mu_register #setupform p.submit { text-align: center; }
.mu_register #setupform p.submit input[type="submit"], .mu_register #setupform p.submit .submit { display: inline-block; width: auto !important; min-width: 0; }

/* Set description styling */
#wp-signup-email-description, .mu_register #setupform .description { color: var(--form-muted); font-size: 13px; font-style: italic; margin-top: 0; opacity: 1; white-space: normal; display: block; }

/* Map signup error output to LOOPIS message styling */
.mu_register .error { border: 0 !important; border-left: 0 !important; border-radius: 10px; padding: 7px 7px 1px 7px; margin: 12px 0; font-size: 16px; box-shadow: none; background-color: #FFE5E7; color: #333; font-weight: 400; font-style: normal; }
.mu_register .error p { padding: 0; margin: 0 0 6px 0; }

/* On signup success, hide core confirmation copy when custom payment stage is rendered. */
.mu_register:has(> .loopis-signup-payment-stage) > h2:first-of-type,
.mu_register:has(> .loopis-signup-payment-stage) > h2:first-of-type + p,
.mu_register:has(> .loopis-signup-payment-stage) > h2:first-of-type + p + p,
.mu_register:has(> .loopis-signup-payment-stage) > h2:first-of-type + p + p + p { display: none; }

/* Override core success heading styling on the signup confirmation screen. */
.mu_register > h2:first-of-type {
	white-space: unset;
	margin-top: 10px;
}