/* LOGIN OVERLAY */

#colibli-login-overlay{

    position: fixed;
    inset: 0;

    background: rgba(0,0,0,0.45);

    display: none;

    align-items: center;
    justify-content: center;

    z-index: 999999;

}

/* LOGIN MODAL */

#colibli-login-modal{

    width: 420px;
    max-width: 92vw;

    background: #ffffff;

    border-radius: 16px;

    padding: 32px;

    box-shadow: 0 20px 60px rgba(0,0,0,0.2);

}

/* FORM */

#colibli-login-form{

    display:flex;
    flex-direction:column;
    gap:12px;

}

#colibli-login-form input{

    padding:10px 12px;
    border-radius:8px;
    border:1px solid #ddd;

}

#colibli-login-form button{

    margin-top:10px;

    padding:12px;
    border-radius:999px;

    border:none;

    background:#7a2c35;
    color:#fff;

    cursor:pointer;

}

.colibli-login-remember{

    display:flex;
    align-items:center;
    gap:8px;

    font-size:14px;
    margin-top:4px;

}

.colibli-login-remember input{
    width:auto;
}

#colibli-login-error{

    display:none;

    background:#ffe8e8;
    color:#7a2c35;

    padding:10px 12px;

    border-radius:8px;

    font-size:13px;

    margin-bottom:12px;

}

.colibli-forgot-password{
    margin-top:8px;
    font-size:13px;
    text-align:center;
}

.colibli-forgot-password a{
    color:#7a2c35;
    text-decoration:none;
}

.colibli-forgot-password a:hover{
    text-decoration:underline;
}