/**
 * Plugin: ispn_custom_login
 * Skin: Larry
 * Purpose: Responsive login page tweaks that center the logo and keep the form usable on small screens.
 *
 * Notes:
 * - Loaded after core skin CSS via plugin API
 * - Keeps your original desktop intent (580px) but makes it fluid on smaller screens
 */

#login-form {
    position: relative;
    width: min(580px, calc(100vw - 2rem));
    max-width: 580px;
    margin: 20ex auto 2ex auto;
    text-align: center;
    box-sizing: border-box;
}

#login-form #logo,
#logo {
    display: block;
    margin: 20px auto;
    border: 0;
    max-width: min(240px, 70vw);
    height: auto;
}

/* Small screens */
@media (max-width: 640px) {
    #login-form {
        width: calc(100vw - 1.5rem);
        margin-top: 10vh;
        margin-bottom: 1.5rem;
    }

    #login-form #logo,
    #logo {
        margin: 16px auto;
        max-width: min(200px, 65vw);
    }
}