/* =========================================================
   Vrienda v7.5 - Nu op Vrienda Right Sidebar
   Plaats na alle bestaande CSS.
   ========================================================= */

@media(min-width:901px){
    .vrienda-now-sidebar{
        margin-bottom:14px !important;
    }

    .vrienda-now-sidebar .section-title,
    .vrienda-now-sidebar h2,
    .vrienda-now-sidebar h3{
        font-size:18px !important;
        margin-bottom:10px !important;
    }

    .vrienda-now-sidebar .muted,
    .vrienda-now-sidebar small{
        font-size:12px !important;
    }

    .vrienda-now-sidebar .member-grid,
    .vrienda-now-sidebar .online-grid,
    .vrienda-now-sidebar .users-grid,
    .vrienda-now-sidebar .now-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
        overflow:visible !important;
    }

    .vrienda-now-sidebar .member-card,
    .vrienda-now-sidebar .online-card,
    .vrienda-now-sidebar .user-card,
    .vrienda-now-sidebar .now-card{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        min-height:54px !important;
        padding:8px 0 !important;
        border:0 !important;
        border-bottom:1px solid #e5d9cc !important;
        border-radius:0 !important;
        box-shadow:none !important;
        background:transparent !important;
    }

    .vrienda-now-sidebar .member-card:last-child,
    .vrienda-now-sidebar .online-card:last-child,
    .vrienda-now-sidebar .user-card:last-child,
    .vrienda-now-sidebar .now-card:last-child{
        border-bottom:0 !important;
    }

    .vrienda-now-sidebar img,
    .vrienda-now-sidebar .avatar,
    .vrienda-now-sidebar .user-avatar,
    .vrienda-now-sidebar .member-avatar{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        max-width:42px !important;
        max-height:42px !important;
        border-radius:50% !important;
        object-fit:cover !important;
    }

    .vrienda-now-sidebar .name,
    .vrienda-now-sidebar strong,
    .vrienda-now-sidebar b{
        font-size:13.5px !important;
        font-weight:800 !important;
        color:#ff6f16 !important;
    }

    .vrienda-now-sidebar .status,
    .vrienda-now-sidebar .meta{
        font-size:12px !important;
        color:#6b7280 !important;
    }
}

/* oude nieuwste leden visueel uit als JS hem markeert */
.vrienda-latest-users-hidden{
    display:none !important;
}