/* =========================================================
   SUPER OGLASI V4 — CENTRALNI LOGIN UI
   Zajednički izgled prijave / promjene / zaboravljene šifre
   ========================================================= */

.login-page{
    padding-top:28px;
    padding-bottom:50px;
}

.login-wrap{
    max-width:520px;
    margin:0 auto;
}

.login-box{
    background:#fff;
    border:1px solid var(--line);
    border-radius:8px;
    padding:26px 30px 30px;
}

.login-intro{
    margin-bottom:22px;
}

.login-form{
    display:grid;
    gap:7px;
}

.login-form label{
    font-size:11px;
    font-weight:600;
    color:#42566c;
}

.login-form>input,
.password-wrap input{
    width:100%;
    height:40px;
    border:1px solid #cfd8e3;
    border-radius:6px;
    padding:0 12px;
    font-size:12px;
    color:#263a50;
    background:#fff;
}

.password-wrap{
    position:relative;
}

.password-wrap input{
    padding-right:44px;
}

.login-options{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin:5px 0 9px;
    font-size:11px;
}

.remember{
    display:flex;
    align-items:center;
    gap:6px;
    font-weight:400!important;
}

.login-options a,
.register-link a{
    color:var(--red);
    text-decoration:none;
    font-weight:600;
}

.register-link{
    margin-top:10px;
    text-align:center;
    font-size:11px;
    color:#6f8092;
}

@media(max-width:600px){
    .login-box{padding:22px 18px}
    .login-options{align-items:flex-start}
}

/* =========================================================
   V4 — LOGIN / ŠIFRA — MOBILE KOMPAKTNI PRIKAZ
   ========================================================= */
@media(max-width:600px){

    .login-page{
        padding-top:14px;
        padding-bottom:24px;
    }

    .login-wrap{
        width:100%;
    }

    .login-box{
        padding:16px 14px 18px;
    }

    .login-intro{
        margin-bottom:12px;
    }

    .login-form{
        gap:5px;
    }

    .login-form>input,
    .password-wrap input{
        height:34px;
        padding:0 9px;
        font-size:12px;
    }

    .login-options{
        gap:8px;
        margin:3px 0 6px;
        align-items:center;
    }

    .register-link{
        margin-top:7px;
    }

    .login-form .v4-btn-large{
        min-height:34px;
        height:34px;
        padding-top:0;
        padding-bottom:0;
        font-size:10px;
    }
}


/* V4 — PRIJAVA / ŠIFRE — ujednačeni mobilni razmaci */
@media(max-width:640px){
    .login-page{
        padding:0 10px 22px;
    }

    .login-box{
        padding:6px;
    }
}

/* V4 — AUTH MOBILE — završno usaglašavanje razmaka */
@media(max-width:640px){
    .login-page{
        padding:0 6px 22px !important;
    }

    .login-box{
        padding:6px !important;
    }

    .login-intro{
        margin-bottom:6px !important;
    }

    .login-form{
        gap:4px !important;
    }

    .login-form label{
        margin-bottom:0 !important;
    }

    .login-options{
        gap:4px !important;
        margin:2px 0 4px !important;
    }

    .register-link{
        margin-top:4px !important;
    }
}