/*------------------------------------------------------------*/
/* LOGIN SCREEN 
/*------------------------------------------------------------*/

body.login {
    background: url('../../uploads/2026/03/login-bg-mob.png') center center no-repeat;
    background-size: cover;
    min-height: 100vh;
    background-color: #f4f4f4;
    display:flex;
    align-items:center;
    justify-content:center;
}

#login form {
    width:100%;
    max-width:420px;
    padding:40px;
    background:rgba(255,255,255,0.95);
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

.language-switcher{
    position:absolute;
    bottom:80px;
    right:40px;
}


@media (min-width:1200px){

    body.login{
        background:url('../../uploads/2026/03/login-bg-2.png') left center no-repeat;
        background-size:contain;
        background-color: #f4f4f4;
        justify-content:flex-end;
        padding-right:8%;
    }

    #login{
        margin:0;
        max-width:420px;
    }

}

@media (min-width:1600px){

    body.login{
        padding-right:12%;
    }

}

@media (min-width:1800px){
    body.login{
        padding-right:20%;
    }
    
}

/* register link σαν button */
.wp-login-register{
    
    width:100%;
    text-align:center;
    padding:10px 12px;
    margin-top:10px;

    background:#2271b1;
    color:#fff !important;
    text-decoration:none;

    border-radius:3px;
    font-weight:600;
    transition:background .2s;
}

/* hover */
.wp-login-register:hover{
    background:#135e96;
    color:#fff;
}


html[lang="en-US"] #login > h1::after {
    content:"Engineer Aluminum Profile Modular by Design";
    display:block;

    font-size:14px;
    text-align:center;

    margin-bottom:25px;
    color:#777;
}

html[lang="el"] #login > h1::after {
    content:"Μηχανική Προφίλ Αλουμινίου Ευέλικτος Σχεδιασμός ";
    display:block;

    font-size:14px;
    text-align:center;

    margin-bottom:25px;
    color:#777;
}