@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap");

html,
body.login.wp-2fa-login {
    min-height: 100% !important;
}

body.login.wp-2fa-login {
    margin: 0 !important;
    padding: 42px 18px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    color: #625954 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

body.login.wp-2fa-login *,
body.login.wp-2fa-login *::before,
body.login.wp-2fa-login *::after {
    box-sizing: border-box !important;
}

/* Narrower version of the original open layout. */
body.login.wp-2fa-login #login {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* VMD logo */
body.login.wp-2fa-login #login h1 {
    display: block !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
}

body.login.wp-2fa-login #login h1 a {
    display: block !important;
    width: 230px !important;
    max-width: 100% !important;
    height: 62px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background-image: url("https://getim.eu/dev/vmdservis/wp-content/uploads/2026/07/vmdservis-logo.svg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
}

/* Remove fake header and breadcrumb. */
body.login.wp-2fa-login::before,
body.login.wp-2fa-login #login::before,
body.login.wp-2fa-login #login::after {
    display: none !important;
    content: none !important;
}

/* Introductory message */
body.login.wp-2fa-login #login .message {
    margin: 0 0 24px !important;
    padding: 0 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #625954 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    text-align: center !important;
}

/* Keep the original open form — no WordPress-style card. */
body.login.wp-2fa-login #loginform {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.login.wp-2fa-login #loginform > p:not(.submit):not(.wp-2fa-email-resend) {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #625954 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

body.login.wp-2fa-login #loginform br {
    display: none !important;
}

/* Information notice */
body.login.wp-2fa-login #loginform p strong {
    display: block !important;
    margin: 3px 0 0 !important;
    padding: 12px 15px !important;
    background: #f5f5f5 !important;
    border: 0 !important;
    border-left: 3px solid #649ed7 !important;
    color: #625954 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* Label */
body.login.wp-2fa-login #loginform label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #584d48 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Verification code */
body.login.wp-2fa-login #authcode {
    display: block !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 8px 15px !important;
    background: #ffffff !important;
    border: 1px solid #dddddd !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    color: #333333 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 19px !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: 5px !important;
    line-height: 30px !important;
    text-align: center !important;
    outline: none !important;
}

body.login.wp-2fa-login #authcode:focus {
    border-color: #649ed7 !important;
    box-shadow: 0 0 0 2px rgba(100, 158, 215, 0.16) !important;
}

/* Preserve the original stacked, full-width buttons at a smaller size. */
body.login.wp-2fa-login #loginform .submit,
body.login.wp-2fa-login #loginform .wp-2fa-email-resend {
    display: block !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.login.wp-2fa-login #loginform .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 10px 18px !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease !important;
}

/* Primary button */
body.login.wp-2fa-login #wp-submit {
    background: #649ed7 !important;
    border: 1px solid #649ed7 !important;
    color: #ffffff !important;
}

body.login.wp-2fa-login #wp-submit:hover,
body.login.wp-2fa-login #wp-submit:focus {
    background: #568fca !important;
    border-color: #568fca !important;
    color: #ffffff !important;
}

/* Secondary button */
body.login.wp-2fa-login .wp-2fa-email-resend .button {
    background: #f1f1f1 !important;
    border: 1px solid #eeeeee !important;
    color: #625954 !important;
}

body.login.wp-2fa-login .wp-2fa-email-resend .button:hover,
body.login.wp-2fa-login .wp-2fa-email-resend .button:focus {
    background: #e7e7e7 !important;
    border-color: #e7e7e7 !important;
    color: #333333 !important;
}

/* Back link */
body.login.wp-2fa-login #backtoblog {
    margin: 22px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

body.login.wp-2fa-login #backtoblog a {
    color: #796f69 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

body.login.wp-2fa-login #backtoblog a:hover,
body.login.wp-2fa-login #backtoblog a:focus {
    color: #649ed7 !important;
}

body.login.wp-2fa-login .language-switcher,
body.login.wp-2fa-login .privacy-policy-page-link {
    display: none !important;
}

p.message.register {
	display: none !important;
}

@media screen and (max-width: 600px) {
    body.login.wp-2fa-login {
        padding: 28px 15px !important;
    }

    body.login.wp-2fa-login #login h1 {
        margin-bottom: 24px !important;
    }

    body.login.wp-2fa-login #login h1 a {
        width: 205px !important;
        height: 54px !important;
    }

    body.login.wp-2fa-login #loginform .button {
        height: 46px !important;
        min-height: 46px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.login.wp-2fa-login #loginform .button {
        transition: none !important;
    }
}