/* ==========================
   SIDEBAR WIDGETS
========================== */

.sidebar-widget{

    background:#171B26;
    border:1px solid rgba(124,92,255,.25);
    border-radius:20px;
    overflow:hidden;
    box-shadow:
        0 0 20px rgba(124,92,255,.12),
        0 15px 40px rgba(124,92,255,.20);
    transition:.3s;
}

.sidebar-widget:hover{
    box-shadow:
        0 0 35px rgba(124,92,255,.28),
        0 20px 55px rgba(124,92,255,.35);
}

.sidebar-widget-header{

    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 22px;
    border-bottom:1px solid var(--border);
    font-size:18px;
    font-weight:700;
}

.sidebar-widget-viewall{

    font-size:13px;
    font-weight:600;
    color:var(--accent);
}

.sidebar-widget-list{
    padding:10px;
}

.sidebar-list-item{

    display:flex;
    align-items:center;
    gap:14px;
    padding:10px;
    border-radius:14px;
    color:var(--text);
    transition:.2s;
}

.sidebar-list-item:hover{
    background:#1B2030;
}

.sidebar-list-thumb{

    width:48px;
    height:64px;
    flex-shrink:0;
    border-radius:10px;
    overflow:hidden;
    background:#0F1117;
}

.sidebar-list-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.sidebar-list-thumb-round{
    width:48px;
    height:48px;
    border-radius:50%;
}

.sidebar-list-info{
    min-width:0;
}

.sidebar-list-title{

    font-size:14px;
    font-weight:600;
    color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.sidebar-list-meta{

    margin-top:4px;
    font-size:12px;
    color:#9aa0b5;
}

/* ==========================
   CONNECT WITH ANIMEVERSE (SOCIAL LINKS)
========================== */

.sidebar-social-list{
    padding:14px 10px;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.sidebar-social-item{

    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 12px;
    border-radius:12px;
    color:#fff;
    font-weight:600;
    transition:.2s;
}

.sidebar-social-item:hover{
    background:#1B2030;
}

.sidebar-social-icon{
    font-size:18px;
}

.sidebar-social-label{
    flex:1;
}

.sidebar-social-meta{

    font-size:12px;
    font-weight:500;
    color:#9aa0b5;
}