#wppb-edit-user-mano-paskyra,
#wppb-register-user-registracija,
#wppb-login-wrap form{
    max-width:46rem;
    margin:0 auto;
    padding:var(--space-5);
    background:rgba(0,0,0,.04);
    border-radius:1rem
}

#wppb-edit-user-mano-paskyra ul,
#wppb-register-user-registracija ul{
    list-style:none;
    padding:0;
    margin:0
}

#wppb-edit-user-mano-paskyra h4,
#wppb-register-user-registracija h4{
    font-size:1.2rem;
    font-weight:700;
    margin-bottom:var(--space-4);
    color:var(--text)
}

.wppb-form-field{
    display:flex;
    flex-direction:column;
    margin-bottom:var(--space-4)
}

.wppb-form-field label{
    font-size:.85rem;
    color:var(--muted);
    margin-bottom:6px
}

.wppb-form-field input,
.wppb-form-field select,
#wppb-loginform input{
    width:100%;
    padding:10px 12px;
    border-radius:8px;
    border:1px solid var(--border);
    background:#fff;
    font-size:.95rem;
    transition:.2s
}

[data-theme="dark"] .wppb-form-field input,
[data-theme="dark"] .wppb-form-field select,
[data-theme="dark"] #wppb-loginform input{
    background:rgba(255,255,255,.05);
    border-color:rgba(255,255,255,.1);
    color:#fff
}

.wppb-form-field input:focus,
.wppb-form-field select:focus,
#wppb-loginform input:focus{
    outline:none;
    border-color:var(--accent);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)
}

#wppb-edit-user-mano-paskyra input[disabled]{
    opacity:.6;
    cursor:not-allowed
}

.wppb-avatar{
    display:flex;
    align-items:center;
    gap:12px
}

.wppb-avatar .file-thumb img{
    border-radius:50%;
    width:60px;
    height:60px;
    object-fit:cover
}

.wppb-remove-upload{
    color:#ef4444;
    font-size:.8rem;
    cursor:pointer;
    margin-left:10px
}

.wppb-description-delimiter{
    font-size:.75rem;
    color:var(--muted);
    margin-top:4px
}

.form-submit{
    margin-top:var(--space-5)
}

.form-submit .button,
#wppb-loginform .button{
    width:100%;
    padding:12px;
    border-radius:999px;
    border:none;
    background:var(--accent);
    color:#fff;
    font-weight:600;
    cursor:pointer;
    transition:.2s
}

.form-submit .button:hover,
#wppb-loginform .button:hover{
    opacity:.9;
    transform:translateY(-1px)
}

.wppb-send-credentials-checkbox{
    margin-top:var(--space-4)
}

.wppb-send-credentials-checkbox label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:.85rem;
    color:var(--muted);
    cursor:pointer
}

.wppb-send-credentials-checkbox input[type="checkbox"]{
    width:16px;
    height:16px;
    accent-color:var(--accent);
    cursor:pointer
}

/* login remember me */
.login-remember{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:var(--space-3)
}

.login-remember label{
    font-size:.85rem;
    color:var(--muted);
    cursor:pointer
}

.login-remember input{
    width:16px!important;
    height:16px;
    accent-color:var(--accent);
    cursor:pointer
}

.ffc-wrapper{
    display:flex;
    gap:24px
}

.ffc-wrapper .wppb-form-field{
    flex:1;
    margin-bottom:var(--space-4)
}

@media (max-width:550px){
    #wppb-edit-user-mano-paskyra,
    #wppb-register-user-registracija,
    #wppb-login-wrap form{
        padding:var(--space-4)
    }

    .ffc-wrapper{
        display:block
    }
}

.login-remember {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-top: var(--space-3);
}

.login-remember input {
    width: 16px !important;
    height: 16px;
    margin: 0;
    accent-color: var(--accent);
    flex-shrink: 0;
}

.login-remember label {
    margin: 0 !important;
    font-size: .85rem;
    color: var(--muted);
    cursor: pointer;
}

/* FIX login checkbox layout */
.wppb-form-field.login-remember {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: 8px;
}

/* remove full width from checkbox */
.wppb-form-field.login-remember input {
    width: auto !important;
}

/* prevent label from breaking */
.wppb-form-field.login-remember label {
    margin: 0 !important;
}