.elementor-873 .elementor-element.elementor-element-35fc469d{--display:flex;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-ae06987 *//* Make button a relative container to hold spinner */
.ur-submit-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px; /* ensures button height doesn't collapse */
    padding: 10px 20px; 
}

/* Ensure spinner is on top and centered */
.ur-submit-button .ur-front-spinner {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 20px;
    height: 20px;
}

/* Optional: hide button text visually but keep space */
.ur-submit-button .button-text-hidden {
    visibility: hidden; /* keeps space but hides text */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35fc469d *//* ============================================
   USER REGISTRATION – FORCE TRUE FULL WIDTH
   Elementor + Astra compatible
============================================ */

/* Break Elementor / Astra width constraints */
.elementor-widget-container .user-registration,
.elementor-column .user-registration,
.elementor-container .user-registration,
.container .user-registration {
    width: 100% !important;
    max-width: 100% !important;
}

/* Form itself */
.user-registration,
.user-registration form {
    width: 100% !important;
    max-width: 100% !important;
}

/* UR grid system (beats inline styles) */
.user-registration .ur-form-grid,
.user-registration .ur-grid-1,
.user-registration .ur-form-row {
    width: 100% !important;
    max-width: 100% !important;
}

/* Field wrappers */
.user-registration .ur-field-item,
.user-registration .form-row {
    width: 100% !important;
    max-width: 100% !important;
}

/* Inputs */
.user-registration input,
.user-registration select,
.user-registration textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Password group + strength meter */
.user-registration .password-input-group,
.user-registration .user-registration-password-strength {
    width: 100% !important;
}

/* Button */
.user-registration .ur-button-container,
.user-registration .ur-submit-button {
    width: 100% !important;
}

/* Kill float-based layout */
.user-registration * {
    float: none !important;
}






/* ============================================
   USER REGISTRATION – CHECKBOX INLINE FIX
   Correct width + alignment
============================================ */

/* Hide required asterisk for checkbox fields only */
.user-registration .field-checkbox > .form-row > .ur-label {
    display: none !important;
}

/* Reset list */
.user-registration .field-checkbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Inline checkbox layout */
.user-registration .field-checkbox .ur-checkbox-list {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

/* Checkbox input — DO NOT let it stretch */
.user-registration .field-checkbox input[type="checkbox"] {
    width: auto !important;
    flex: 0 0 auto;
    margin-top: 4px;
}

/* Text label — allow wrapping but not pushing checkbox */
.user-registration .field-checkbox .ur-checkbox-label {
    flex: 1 1 auto;
    display: block;
    margin: 0;
    line-height: 1.5;
    cursor: pointer;
}



/* ============================================
   USER REGISTRATION – PASSWORD TOGGLE FIX
   Clean, aligned, reusable
============================================ */

/* Positioning context */
.user-registration .password-input-group {
    position: relative;
    width: 100%;
}

/* Password input spacing */
.user-registration .password-input-group input[type="password"],
.user-registration .password-input-group input[type="text"] {
    width: 100%;
    padding-right: 44px; /* space for eye icon */
    box-sizing: border-box;
}

/* Show / hide button */
.user-registration .show-password-input {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background: none !important;
    border: none !important;
    padding: 0;
    margin: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 2;
}

/* Remove default button styles */
.user-registration .show-password-input:focus {
    outline: none;
}

/* Optional: better hover clarity */
.user-registration .show-password-input:hover {
    opacity: 0.7;
}/* End custom CSS */