/**
 * ElevateU Custom Reset Form Styles
 * 
 * These styles ensure the custom reset form is properly centered
 * and follows the ElevateU design system.
 */

/* Target the existing form elements directly */
.elevateu-content-section {
    text-align: center !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Center form elements */
.elevateu-content-section form {
    margin: 0 auto !important;
    text-align: center !important;
}

/* Center form labels */
.elevateu-content-section label {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

/* Center input fields */
.elevateu-content-section input[type="password"],
.elevateu-content-section input[type="text"] {
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
}

/* Center button */
.elevateu-content-section .elevateu-btn-primary {
    margin: 20px auto !important;
    display: block !important;
}

/* Center headings */
.elevateu-content-section h2,
.elevateu-content-section h3,
.elevateu-content-section h4 {
    text-align: center !important;
}

/* Center paragraphs */
.elevateu-content-section p {
    text-align: center !important;
}

/* Center the password strength meter */
.elevateu-content-section .password-strength-meter {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Center list items but keep bullets */
.elevateu-content-section ul {
    display: inline-block !important;
    text-align: left !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Center the back to login link */
.elevateu-content-section p a {
    display: inline-block !important;
    margin: 0 auto !important;
}

/* Fix form width */
.elevateu-content-section form {
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Center form groups */
.elevateu-content-section .form-group {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Center notices */
.elevateu-admin-notice {
    text-align: center !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}