.elementor-3365 .elementor-element.elementor-element-7712147a{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3365 .elementor-element.elementor-element-302f6970{margin:-96px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for shortcode, class: .elementor-element-302f6970 *//* Target the new outer wrapper and all internal children */
#user-registration, 
#user-registration #ur-frontend-form, 
#user-registration form,
#user-registration .ur-form-row,
#user-registration .ur-form-grid {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Ensure no background-image or gradients are lingering */
#user-registration * {
    background-image: none !important;
}

/* Target the specific email input field */
#user-registration #user_login {
    background-color: transparent !important;
    background: none !important;
    border: 1px solid #ccc !important; /* Keeps a light border so users can see where to type */
    color: inherit !important; /* Keeps the text color the same as the rest of the form */
}

/* Optional: Changes the border color when a user clicks into the box */
#user-registration #user_login:focus {
    background-color: rgba(255, 255, 255, 0.05) !important; /* Very faint tint on click */
    outline: none;
}

/* 1. Strip borders/backgrounds from all containers to remove the "rectangle" */
#user-registration .ur-input-with-icon,
#user-registration .ur-form-grid,
#user-registration .user-registration-form-row {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 2. Apply the black border ONLY to the text input field */
#user-registration #user_login {
    background-color: transparent !important;
    border: 1px solid #000000 !important;
    border-radius: 30px !important; /* Adjust this to match your desired roundness */
    padding-left: 40px !important; /* Leave space for the icon if it's overlapping */
}

/* 3. Explicitly ensure the Submit Button is NOT affected by our transparency/border rules */
#user-registration .ur-reset-password-btn {
    /* This empty block ensures we aren't overriding the button's default plugin styles */
}

p.ur-lost-password-title {
    display: none !important;
}

/* Hide the reset password instructions message */
#user-registration p.ur-lost-password-message {
    display: none !important;
}

/* 1. Hide the original label text */
#user-registration label[for="user_login"] {
    visibility: hidden;
    position: relative;
    display: block;
    text-align: center; /* Center alignment per your Elementor preference */
    font-size: 15px !important;
}

/* 2. Add "Email" (Black, 15px, 500 weight, no asterisk) */
#user-registration label[for="user_login"]:before {
    content: "Email";
    visibility: visible;
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-right: 0 !important; /* Removed gap since asterisk is gone */
}



/* Remove the 10px top margin from the Reset Password button */
#user-registration .user-registration-Button.ur-reset-password-btn {
    margin-top: 0 !important;
    
    /* Ensuring it stays centered in your Elementor container */
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* Ensure the button itself has no bottom margin */
#user-registration .ur-reset-password-btn {
    margin-bottom: 0 !important;
}

/* Update padding for the Reset Password button */
#user-registration .user-registration-Button.ur-reset-password-btn {
    padding: 10px !important;
    
    /* Ensure height adapts to the padding or stays locked */
    height: auto !important; 
    min-height: 38px !important;

    /* Maintain center alignment */
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Lock total width to 380px */
#user-registration .user-registration-Button.ur-reset-password-btn {
    width: 380px !important;
    max-width: 380px !important;
    min-width: 380px !important;
    
    /* Important: Includes padding/border inside the 380px calculation */
    box-sizing: border-box !important; 
    
    /* Centering within the container */
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Target the email input field to lock width at 380px */
#user-registration #user_login.user-registration-Input--text {
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    
    /* Includes padding and borders within the 380px width */
    box-sizing: border-box !important;
    
    /* Keeps the input centered in the container */
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Style the Save button: Black background, White text, 30px Top Margin */
#user-registration .user-registration-Button.button[value="Save"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    
    /* Layout and Spacing */
    display: block !important;
    margin-top: 30px !important;    /* Your new top margin */
    margin-bottom: 0 !important;
    margin-left: auto !important;   /* Centering logic */
    margin-right: auto !important;  /* Centering logic */

    /* Exact Dimensions requested */
    width: 418.667px !important;
    box-sizing: border-box !important; /* Vital to keep width at exactly 368.667px */
    
    /* Exact Padding requested */
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;

    /* Font styling */
    font-size: 15px !important;
    font-weight: 500 !important;
    border: none !important;
    cursor: pointer;
}

/* Ensure the button stays black even when disabled */
#user-registration .user-registration-Button.button[value="Save"]:disabled {
    background-color: #000000 !important;
    color: #ffffff !important;
    opacity: 0.7; /* Optional: slight fade so user knows it's not clickable yet */
}

/* Targets the Lost Password/Reset Password form specifically */
.elementor-login .elementor-field-group label, 
.elementor-login .elementor-form-fields-wrapper label,
.elementor-field-subgroup label,
#loginform label,
#resetpassform label,
.lostpassword-form label {
    color: #000000 !important;
}

/* Catch-all for any text inside those specific forms */
.elementor-login, 
.elementor-widget-login, 
.elementor-form {
    color: #000000 !important;
}

/* Target the main container and every element inside it */
.user-registration, 
.user-registration * {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Optional: Ensure the button and input fields specifically pick it up */
.user-registration input, 
.user-registration button, 
.user-registration label {
    font-family: Arial, Helvetica, sans-serif !important;
}/* End custom CSS */