/* Fix for registration form fields */
#ajax_register_div .loginrow input[name="user_firstname_register"],
#ajax_register_div .loginrow input[name="user_lastname_register"],
#ajax_register_div .loginrow input[name="user_phone"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 50px !important;
    width: 100% !important;
    margin-bottom: 0px !important;
}

/* Hide the username field */
#ajax_register_div .loginrow input[name="user_login_register"],
#ajax_register_div .loginrow #user_login_register_topbar,
#ajax_register_div .loginrow #user_login_register_mobile,
#ajax_register_div .loginrow #user_login_register_wd,
.mobile_user_menu #register-div-mobile .loginrow input[name="user_login_register"],
.mobile_user_menu #register-div-mobile .loginrow #user_login_register_topbar,
.mobile_user_menu #register-div-mobile .loginrow #user_login_register_mobile,
.mobile_user_menu #register-div-mobile .loginrow #user_login_register_wd,
#register-div-mobile .loginrow input[name="user_login_register"],
#register-div-mobile .loginrow #user_login_register_topbar,
#register-div-mobile .loginrow #user_login_register_mobile,
#register-div-mobile .loginrow #user_login_register_wd {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Ensure the container is also visible */
#ajax_register_div .loginrow {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Additional stronger selectors to override any theme styles */
body #ajax_register_div .loginrow input#user_firstname_register,
body #ajax_register_div .loginrow input#user_lastname_register,
body #ajax_register_div .loginrow input#user_phone {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 50px !important;
    width: 100% !important;
    margin-bottom: 0px !important;
    position: static !important;
}

/* Style labels for first name, last name, and phone fields */
#ajax_register_div .loginrow label[for="user_firstname_register"],
#ajax_register_div .loginrow label[for="user_lastname_register"],
#ajax_register_div .loginrow label[for="user_phone"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
}

/* Add some spacing between fields */
#ajax_register_div .loginrow {
    margin-bottom: 10px !important;
}

/* Fix margin for password and email fields */
body #ajax_register_div .loginrow input#user_pass,
body #ajax_register_div .loginrow input#user_email_register,
body #ajax_register_div .loginrow input#user_email_register_topbar,
body #ajax_register_div .loginrow input#user_email_register_mobile,
body #ajax_register_div .loginrow input#user_email_register_wd {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 50px !important;
    width: 100% !important;
    margin-bottom: 0px !important;
    position: static !important;
}

/* Fix margin for all input fields to ensure consistency */
#ajax_register_div .loginrow input {
    margin-bottom: 0px !important;
}

/* Move the title up */
#ajax_register_div h3,
.login-title-mobile,
#ajax_register_div .login_form .login-title {
    margin-top: -15px !important;
    margin-bottom: 15px !important;
}

/* Show first name and last name fields in mobile form - enhanced selectors */
.mobile_user_menu #register-div-mobile .loginrow input[name="user_firstname_register"],
.mobile_user_menu #register-div-mobile .loginrow input#user_firstname_register,
.mobile_user_menu #register-div-mobile .loginrow input[name="user_lastname_register"],
.mobile_user_menu #register-div-mobile .loginrow input#user_lastname_register,
.mobile_user_menu #register-div-mobile .loginrow input[name="user_phone"],
.mobile_user_menu #register-div-mobile .loginrow input#user_phone,
#register-div-mobile .loginrow input[name="user_firstname_register"],
#register-div-mobile .loginrow input#user_firstname_register,
#register-div-mobile .loginrow input[name="user_lastname_register"],
#register-div-mobile .loginrow input#user_lastname_register,
#register-div-mobile .loginrow input[name="user_phone"],
#register-div-mobile .loginrow input#user_phone,
.mobile_register_form input[name="user_firstname_register"],
.mobile_register_form input#user_firstname_register,
.mobile_register_form input[name="user_lastname_register"],
.mobile_register_form input#user_lastname_register,
.mobile_register_form input[name="user_phone"],
.mobile_register_form input#user_phone,
/* Additional more general selectors for mobile */
body .mobile_user_menu input[name="user_firstname_register"],
body .mobile_user_menu input#user_firstname_register,
body .mobile_user_menu input[name="user_lastname_register"],
body .mobile_user_menu input#user_lastname_register,
body .mobile_user_menu input[name="user_phone"],
body .mobile_user_menu input#user_phone,
body #register-div-mobile input[name="user_firstname_register"],
body #register-div-mobile input#user_firstname_register,
body #register-div-mobile input[name="user_lastname_register"],
body #register-div-mobile input#user_lastname_register,
body #register-div-mobile input[name="user_phone"],
body #register-div-mobile input#user_phone,
body .mobile_register_form input[name="user_firstname_register"],
body .mobile_register_form input#user_firstname_register,
body .mobile_register_form input[name="user_lastname_register"],
body .mobile_register_form input#user_lastname_register,
body .mobile_register_form input[name="user_phone"],
body .mobile_register_form input#user_phone,
/* Target by ID directly with higher specificity */
body #user_firstname_register_mobile,
body #user_lastname_register_mobile,
body #user_phone_mobile,
/* Target any mobile registration container */
body [class*="mobile"] input[name="user_firstname_register"],
body [class*="mobile"] input#user_firstname_register,
body [class*="mobile"] input[name="user_lastname_register"],
body [class*="mobile"] input#user_lastname_register,
body [class*="mobile"] input[name="user_phone"],
body [class*="mobile"] input#user_phone,
body [id*="mobile"] input[name="user_firstname_register"],
body [id*="mobile"] input#user_firstname_register,
body [id*="mobile"] input[name="user_lastname_register"],
body [id*="mobile"] input#user_lastname_register,
body [id*="mobile"] input[name="user_phone"],
body [id*="mobile"] input#user_phone,
/* Direct selectors for mobile menu form */
#user_firstname_register_mobile,
#user_lastname_register_mobile,
input#user_firstname_register_mobile,
input#user_lastname_register_mobile,
.login_form #user_firstname_register_mobile,
.login_form #user_lastname_register_mobile,
#register-div-mobile #user_firstname_register_mobile,
#register-div-mobile #user_lastname_register_mobile,
.login_sidebar_mobile #user_firstname_register_mobile,
.login_sidebar_mobile #user_lastname_register_mobile {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 50px !important;
    width: 100% !important;
    margin-bottom: 10px !important; /* Margin for field spacing */
    position: static !important;
    z-index: auto !important;
    left: auto !important;
}

/* Style labels for mobile form - enhanced selectors */
.mobile_user_menu #register-div-mobile .loginrow label[for="user_firstname_register"],
.mobile_user_menu #register-div-mobile .loginrow label[for="user_lastname_register"],
.mobile_user_menu #register-div-mobile .loginrow label[for="user_phone"],
#register-div-mobile .loginrow label[for="user_firstname_register"],
#register-div-mobile .loginrow label[for="user_lastname_register"],
#register-div-mobile .loginrow label[for="user_phone"],
.mobile_register_form label[for="user_firstname_register"],
.mobile_register_form label[for="user_lastname_register"],
.mobile_register_form label[for="user_phone"],
/* Additional more general selectors for mobile labels */
body .mobile_user_menu label[for="user_firstname_register"],
body .mobile_user_menu label[for="user_lastname_register"],
body .mobile_user_menu label[for="user_phone"],
body #register-div-mobile label[for="user_firstname_register"],
body #register-div-mobile label[for="user_lastname_register"],
body #register-div-mobile label[for="user_phone"],
body .mobile_register_form label[for="user_firstname_register"],
body .mobile_register_form label[for="user_lastname_register"],
body .mobile_register_form label[for="user_phone"],
/* Target by ID directly with higher specificity */
body label[for="user_firstname_register_mobile"],
body label[for="user_lastname_register_mobile"],
body label[for="user_phone_mobile"],
/* Target any mobile registration container */
body [class*="mobile"] label[for="user_firstname_register"],
body [class*="mobile"] label[for="user_lastname_register"],
body [class*="mobile"] label[for="user_phone"],
body [id*="mobile"] label[for="user_firstname_register"],
body [id*="mobile"] label[for="user_lastname_register"],
body [id*="mobile"] label[for="user_phone"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
    position: static !important;
    z-index: auto !important;
    left: auto !important;
}

/* Hide username field in all mobile forms - enhanced selectors */
.mobile_register_form input[name="user_login_register"],
.mobile_register_form #user_login_register_topbar,
.mobile_register_form #user_login_register_mobile,
.mobile_register_form #user_login_register_wd,
.mobile_register_form .user_login_register,
/* Additional more general selectors for mobile username fields */
body .mobile_user_menu input[name="user_login_register"],
body .mobile_user_menu #user_login_register_topbar,
body .mobile_user_menu #user_login_register_mobile,
body .mobile_user_menu #user_login_register_wd,
body .mobile_user_menu .user_login_register,
body #register-div-mobile input[name="user_login_register"],
body #register-div-mobile #user_login_register_topbar,
body #register-div-mobile #user_login_register_mobile,
body #register-div-mobile #user_login_register_wd,
body #register-div-mobile .user_login_register,
/* Target by ID directly with higher specificity */
body #user_login_register_mobile,
/* Target any mobile registration container */
body [class*="mobile"] input[name="user_login_register"],
body [class*="mobile"] #user_login_register_topbar,
body [class*="mobile"] #user_login_register_mobile,
body [class*="mobile"] #user_login_register_wd,
body [class*="mobile"] .user_login_register,
body [id*="mobile"] input[name="user_login_register"],
body [id*="mobile"] #user_login_register_topbar,
body [id*="mobile"] #user_login_register_mobile,
body [id*="mobile"] #user_login_register_wd,
body [id*="mobile"] .user_login_register,
/* Direct selectors for mobile menu form */
#user_login_register_wd_mobile,
input#user_login_register_wd_mobile,
.login_form #user_login_register_wd_mobile,
#register-div-mobile #user_login_register_wd_mobile,
.login_sidebar_mobile #user_login_register_wd_mobile {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    z-index: -1 !important;
}

/* Ensure all mobile form containers show the first name and last name fields - enhanced selectors */
.mobile_register_form .loginrow,
body .mobile_user_menu .loginrow,
body #register-div-mobile .loginrow,
body [class*="mobile"] .loginrow,
body [id*="mobile"] .loginrow {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    z-index: auto !important;
    left: auto !important;
    height: auto !important;
    width: auto !important;
    margin-bottom: 10px !important; /* Margin for field spacing */
}

/* Additional mobile-specific overrides */
@media only screen and (max-width: 768px) {
    /* Force display of first name and last name fields on mobile */
    body input[name="user_firstname_register"],
    body input#user_firstname_register,
    body input[name="user_lastname_register"],
    body input#user_lastname_register,
    body input[name="user_phone"],
    body input#user_phone,
    body #user_firstname_register_mobile,
    body #user_lastname_register_mobile,
    body input#user_firstname_register_mobile,
    body input#user_lastname_register_mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: 50px !important;
        width: 100% !important;
        margin-bottom: 10px !important; /* Margin for field spacing */
        position: static !important;
        z-index: auto !important;
        left: auto !important;
    }
    
    /* Force hide username field on mobile */
    body input[name="user_login_register"],
    body #user_login_register_topbar,
    body #user_login_register_mobile,
    body #user_login_register_wd,
    body .user_login_register,
    body #user_login_register_wd_mobile,
    body input#user_login_register_wd_mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        z-index: -1 !important;
    }
    
    /* Ensure all form rows are visible on mobile */
    body .loginrow {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        z-index: auto !important;
        left: auto !important;
        height: auto !important;
        width: auto !important;
        margin-bottom: 15px !important; /* Increased margin for better spacing */
    }
    
    /* Additional specific selectors for mobile registration form */
    #register-div-mobile,
    #register-div-mobile input,
    #register-div-mobile #user_firstname_register_mobile,
    #register-div-mobile #user_lastname_register_mobile,
    .login_sidebar_mobile #register-div-mobile,
    .login_sidebar_mobile #register-div-mobile input,
    .login_sidebar_mobile #register-div-mobile #user_firstname_register_mobile,
    .login_sidebar_mobile #register-div-mobile #user_lastname_register_mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ensure the first name and last name fields are visible in the mobile menu */
    #register-div-mobile #user_firstname_register_mobile,
    #register-div-mobile #user_lastname_register_mobile {
        height: 50px !important;
        width: 100% !important;
        margin-bottom: 10px !important;
        position: static !important;
        z-index: auto !important;
        left: auto !important;
    }
    
    /* Hide the username field in the mobile menu */
    #register-div-mobile #user_login_register_wd_mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }
}