
    <style>
        .login input[type="password"] {
        width: 300px; /* or any desired width */
    }

    /* Fix layout issues with password fields */
    #loginform p,
    #torii_login_form p {
        display: flex;
        align-items: center;
        margin-bottom: 1em;
    }

    #loginform label,
    #torii_login_form label {
        flex: 0 0 auto;
        margin-right: 1em;
    }

    .password-wrapper {
        position: relative;
        display: inline-block;
        width: 100px; /* Fixed width for password field */
        min-width: 250px;
    }

    .password-wrapper input[type="password"],
    .password-wrapper input[type="text"] {
        width: 100%;
        padding-right: 36px;
        box-sizing: border-box;
    }

    .password-wrapper::after {
        content: '177'; /* Dashicon eye */
        font-family: 'Dashicons';
        font-size: 20px;
        position: absolute;
        top: 50%;
        right: 8px; /* Position relative to password field */
        transform: translateY(-50%);
        color: #666;
        cursor: pointer;
        pointer-events: auto;
    }
    
    .password-wrapper.showing::after {
        content: '530'; /* Dashicon eye with slash */
    }
    </style>        <style>
            .login input[type="password"] {
            width: 300px; /* or any desired width */
        }

        /* Fix layout issues with password fields */
        #loginform p,
        #torii_login_form p {
            display: flex;
            align-items: center;
            margin-bottom: 1em;
        }

        #loginform label,
        #torii_login_form label {
            flex: 0 0 auto;
            margin-right: 1em;
        }

        .password-wrapper {
            position: relative;
            display: inline-block;
            width: 100px; /* Fixed width for password field */
            min-width: 250px;
        }

        .password-wrapper input[type="password"],
        .password-wrapper input[type="text"] {
            width: 100%;
            padding-right: 36px;
            box-sizing: border-box;
        }

        .password-wrapper::after {
            content: '\f177'; /* Dashicon eye */
            font-family: 'Dashicons';
            font-size: 20px;
            position: absolute;
            top: 50%;
            right: 8px; /* Position relative to password field */
            transform: translateY(-50%);
            color: #666;
            cursor: pointer;
            pointer-events: auto;
        }

        .password-wrapper.showing::after {
            content: '\f530'; /* Dashicon eye with slash */
        }
        </style>

        <script>
        document.addEventListener('DOMContentLoaded', function () {
            var $m4x_password_fields = document.querySelectorAll('input[name="pwd"], input#user_pass');

            $m4x_password_fields.forEach(function($m4x_pass_input) {
                if ($m4x_pass_input.closest('.password-wrapper')) return;
                
                // Create wrapper but preserve original layout
                var $m4x_wrapper = document.createElement('div');
                $m4x_wrapper.className = 'password-wrapper';
                
                // Replace input with wrapper containing input
                $m4x_pass_input.parentNode.insertBefore($m4x_wrapper, $m4x_pass_input);
                $m4x_wrapper.appendChild($m4x_pass_input);
                
                // Set initial state based on input type
                if ($m4x_pass_input.type === 'text') {
                    $m4x_wrapper.classList.add('showing');
                }
                
                $m4x_wrapper.addEventListener('click', function ($m4x_event) {
                    var $m4x_bounds = $m4x_wrapper.getBoundingClientRect();
                    if ($m4x_event.clientX > $m4x_bounds.right - 36) {
                        // Toggle type
                        $m4x_pass_input.type = $m4x_pass_input.type === 'password' ? 'text' : 'password';
                        
                        // Sync icon with new type
                        $m4x_wrapper.classList.toggle('showing', $m4x_pass_input.type === 'text');
                    }
                });
                
                // Watch for programmatic changes
                var $m4x_observer = new MutationObserver(function() {
                    $m4x_wrapper.classList.toggle('showing', $m4x_pass_input.type === 'text');
                });
                $m4x_observer.observe($m4x_pass_input, { attributes: true, attributeFilter: ['type'] });
            });
        });
        </script>
        {"id":11,"date":"2026-06-26T11:55:51","date_gmt":"2026-06-26T11:55:51","guid":{"rendered":"https:\/\/aiagencyblueprint.nl\/?page_id=11"},"modified":"2026-06-26T11:55:51","modified_gmt":"2026-06-26T11:55:51","slug":"log-in-below","status":"publish","type":"page","link":"https:\/\/aiagencyblueprint.nl\/?page_id=11","title":{"rendered":"Log in below"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\n    <style>\n        #torii_login_form label {\n            display:inline-block;\n            \/* width:125px; *\/\n            margin-right: 1em;\n            vertical-align: middle;\n        }\n    <\/style><form name=\"torii_login_form\" id=\"torii_login_form\" action=\"https:\/\/aiagencyblueprint.nl\/wp-login.php\" method=\"post\"><p class=\"login-username\">\n\t\t\t\t<label for=\"user_login\">Email:<\/label>\n\t\t\t\t<input type=\"text\" name=\"log\" id=\"user_login\" autocomplete=\"username\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-password\">\n\t\t\t\t<label for=\"user_pass\">Password:<\/label>\n\t\t\t\t<input type=\"password\" name=\"pwd\" id=\"user_pass\" autocomplete=\"current-password\" spellcheck=\"false\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-submit\">\n\t\t\t\t<input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button button-primary\" value=\"Log In\" \/>\n\t\t\t\t<input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/aiagencyblueprint.nl\/wp-admin\/\" \/>\n\t\t\t<\/p><\/form>\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const labels = document.querySelectorAll('#torii_login_form label');\n            let maxWidth = 0;\n\n            labels.forEach(label => {\n                const width = label.offsetWidth;\n                if (width > maxWidth) {\n                    maxWidth = width;\n                }\n            });\n\n            labels.forEach(label => {\n                label.style.display = 'inline-block';\n                label.style.width = maxWidth + 'px';\n            });\n        });\n    <\/script><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_wpal_torii_access":"","_wpal_torii_cancel":"","_wpal_torii_children":"","_wpal_torii_dashboard_id":0,"_wpal_torii_level":0,"_wpal_torii_payfail":"","_wpal_torii_suspend":"","_wpal_torii_any_membership":false,"_wpal_torii_bypass_sitelock":false,"_wpal_torii_logged_in":false,"_wpal_torii_logged_out":false,"_wpal_torii_require_memberships":[],"_wpal_torii_require_tags":[],"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiagencyblueprint.nl\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiagencyblueprint.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiagencyblueprint.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiagencyblueprint.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiagencyblueprint.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":2,"href":"https:\/\/aiagencyblueprint.nl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/aiagencyblueprint.nl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/aiagencyblueprint.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}