/**
 * Mobile optimizations for WordPress login page
 * Only applies to screens smaller than 768px
 */

@media only screen and (max-width: 768px) {
    /* Fix login box width on mobile */
    #login {
        width: 90% !important;
        max-width: 100% !important;
        padding: 5% 5% 0 5% !important;
        box-sizing: border-box !important;
    }
    
    /* Make form responsive */
    #loginform,
    #registerform,
    #lostpasswordform {
        box-sizing: border-box !important;
        width: 100% !important;
    }
    
    /* Reduce button padding for more compact look */
    #wp-submit,
    .wp-core-ui .button-primary,
    .wp-core-ui .button-large {
        padding: 8px 16px !important;
        font-size: 14px !important;
        height: auto !important;
        line-height: 1.4 !important;
    }
    
    /* Add space between "Remember me" and submit button */
    .forgetmenot {
        margin-bottom: 20px !important;
    }
    
    /* Ensure inputs are full width */
    input[type="text"],
    input[type="password"],
    input[type="email"] {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Adjust label spacing */
    label {
        margin-bottom: 5px !important;
        display: block !important;
    }
    
    /* Fix any overflow issues */
    .message,
    .notice,
    #login_error {
        width: 100% !important;
        box-sizing: border-box !important;
        word-wrap: break-word !important;
    }
    
    /* Ensure proper spacing for form fields */
    .user-pass-wrap,
    .wp-pwd {
        margin-bottom: 16px !important;
    }
    
    /* Fix submit button container */
    .submit {
        margin-top: 20px !important;
    }
    
    /* Fix marketplace registration wrapper padding */
    .marketplace-registration-wrapper {
        padding: 20px 0 0 0 !important;
    }
}

/* Extra small devices (phones in portrait) */
@media only screen and (max-width: 480px) {
    #login {
        width: 95% !important;
        padding: 5% 2.5% 0 2.5% !important;
    }
    
    /* Even smaller button on very small screens */
    #wp-submit,
    .wp-core-ui .button-primary,
    .wp-core-ui .button-large {
        padding: 6px 12px !important;
        font-size: 13px !important;
    }
}