/* 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;
}

.colibli-displayname-lock input{
    background:#f5f5f5 !important;
    cursor:not-allowed;
}

.colibli-login-divider {
    text-align: center;
    margin: 20px 0;
    position: relative;
}

.colibli-login-divider span {
    background: #fff;
    padding: 0 12px;
    color: #999;
    font-size: 14px;
    position: relative;
    z-index: 2;
}

.colibli-login-divider:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    z-index: 1;
}

.colibli-social-login .nsl-container {
    width: 100%;
}

.colibli-social-login .nsl-button {
    width: 100%;
    justify-content: center;
}

.colibli-social-login .nsl-container {
    width: 100%;
}

.colibli-social-login .nsl-container .nsl-button {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.colibli-social-login .nsl-container .nsl-button-default {
    width: 100% !important;
}

.colibli-social-login .nsl-container {
    width: 100% !important;
}

.colibli-social-login .nsl-container-buttons {
    width: 100% !important;
}

.colibli-social-login .nsl-button {
    width: 100% !important;
}

.colibli-social-login .nsl-button-default {
    width: 100% !important;
}