/* ابزارک‌های اختصاصی قالب */

.naft-widget-card{
    background:#fff;
    border:1px solid #e0e0e0;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 3px 14px rgba(0,0,0,.06);
    margin-bottom:16px;
}

.naft-widget-card-head{
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 14px;
    background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 82%, #000) 100%);
    color:#fff;
    border-bottom:3px solid var(--accent);
}

.naft-widget-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    border-radius:6px;
    background:var(--accent);
    color:#1a0a0a;
    font-size:12px;
    font-weight:900;
    flex-shrink:0;
}

.naft-widget-card-title{
    margin:0;
    font-size:15px;
    font-weight:800;
    line-height:1.3;
}

.naft-widget-card-body{
    padding:10px 12px 12px;
}

.naft-widget-empty{
    margin:0;
    font-size:13px;
    color:#888;
    text-align:center;
    padding:8px 0;
}

.naft-widget-post-list{
    list-style:none;
    margin:0;
    padding:0;
}

.naft-widget-post-item{
    display:grid;
    grid-template-columns:auto 1fr 52px;
    gap:10px;
    align-items:start;
    padding:10px 0;
    border-bottom:1px solid #f0f0f0;
}

.naft-widget-post-item:last-child{
    border-bottom:0;
    padding-bottom:0;
}

.naft-widget-rank{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    border-radius:50%;
    background:color-mix(in srgb, var(--primary) 12%, #fff);
    color:var(--primary);
    font-size:12px;
    font-weight:900;
    flex-shrink:0;
}

.naft-widget-post-link{
    display:block;
    font-size:13px;
    font-weight:700;
    line-height:1.65;
    color:#222;
}

.naft-widget-post-link:hover{
    color:var(--primary);
}

.naft-widget-meta{
    display:block;
    margin-top:4px;
    font-size:11px;
    color:#888;
    font-weight:500;
}

.naft-widget-thumb{
    display:block;
    width:52px;
    height:40px;
    border-radius:6px;
    overflow:hidden;
    flex-shrink:0;
}

.naft-widget-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.naft-widget-cat-list{
    list-style:none;
    margin:0;
    padding:0;
}

.naft-widget-cat-list li{
    border-bottom:1px solid #f0f0f0;
}

.naft-widget-cat-list li:last-child{
    border-bottom:0;
}

.naft-widget-cat-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 4px;
    font-size:13px;
    font-weight:600;
    color:#333;
}

.naft-widget-cat-list a:hover{
    color:var(--primary);
}

.naft-cat-count{
    display:inline-flex;
    min-width:26px;
    justify-content:center;
    padding:2px 8px;
    border-radius:12px;
    background:var(--accent);
    color:#1a0a0a;
    font-size:11px;
    font-weight:800;
}

.naft-widget-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.naft-tag-pill{
    display:inline-block;
    padding:5px 12px;
    border-radius:20px;
    background:#f4f4f4;
    font-size:12px;
    font-weight:600;
    color:#444;
    border:1px solid #e8e8e8;
}

.naft-tag-pill:hover{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
}

/* سازگاری با ابزارک‌های پیش‌فرض وردپرس */

.widget ul{
    list-style:none;
    margin:0;
    padding:0;
}

.widget li{
    padding:8px 0;
    border-bottom:1px solid #f0f0f0;
    font-size:13px;
}

.widget li:last-child{
    border-bottom:none;
}

.widget a:hover{
    color:var(--primary);
}