/* ════════════════════════════════════════════════════════════════
   next-share-box — ردیف اشتراک‌گذاری + بوکمارک در پست تکی
   ════════════════════════════════════════════════════════════════ */
.next-share-box{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:14px;
    flex-wrap:wrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.next-share-label{
    font-size:13.5px;
    font-weight:600;
    color:var(--muted);
    margin-inline-start:4px;
    order:99;
}
.next-share-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:50%;
    border:1.5px solid var(--line);
    background:#fff;
    color:var(--muted);
    transition:.15s;
    cursor:pointer;
    padding:0;
}
.next-share-btn:hover{
    border-color:var(--rust);
    color:var(--rust);
    background:var(--teal-soft);
}
.next-share-bookmark.is-active{
    background:var(--rust);
    border-color:var(--rust);
    color:#fff;
}
.next-share-bookmark.is-active:hover{
    background:var(--rust-dark);
    border-color:var(--rust-dark);
    color:#fff;
}
.next-share-bookmark.is-loading{
    opacity:.6;
    pointer-events:none;
}
.next-share-copy.is-copied{
    border-color:var(--rust);
    color:var(--rust);
}

/* شبکه‌های اجتماعی — رنگ برند در هاور */
.next-share-linkedin:hover{ border-color:#0a66c2; color:#0a66c2; background:#eaf3fb;}
.next-share-whatsapp:hover{ border-color:#25d366; color:#25d366; background:#eafaf1;}
.next-share-x:hover{ border-color:var(--ink); color:var(--ink); background:#f1f1f1;}
.next-share-telegram:hover{ border-color:#26a5e4; color:#26a5e4; background:#eaf6fc;}

/* Toast کوچک برای «لینک کپی شد» */
.next-share-toast{
    position:fixed;
    bottom:24px;
    left:50%;
    transform:translateX(-50%) translateY(10px);
    background:var(--ink);
    color:#fff;
    padding:9px 18px;
    border-radius:999px;
    font-size:13px;
    z-index:9999;
    opacity:0;
    pointer-events:none;
    transition:.2s;
}
.next-share-toast.is-visible{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

/* ════════════════════════════════════════════════════════════════
   nxt-bm — صفحه «بوکمارک‌های من» در حساب کاربری
   ════════════════════════════════════════════════════════════════ */
.nxt-bm-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
}
.nxt-bm-header h3{
    font-size:17px;
    font-weight:800;
    margin:0;
}
.nxt-bm-empty{
    text-align:center;
    padding:48px 16px;
    color:var(--muted);
}
.nxt-bm-empty span{
    font-size:34px;
    display:block;
    margin-bottom:10px;
}
.nxt-bm-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
    gap:18px;
}
.nxt-bm-card{
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    background:#fff;
    transition:.2s;
}
.nxt-bm-card.is-removing{
    opacity:0;
    transform:scale(.96);
}
.nxt-bm-card-thumb{
    position:relative;
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:var(--teal-soft);
}
.nxt-bm-card-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.nxt-bm-card-noimg{
    display:block;
    width:100%;
    height:100%;
    background:var(--teal-soft);
}
.nxt-bm-card-cat{
    position:absolute;
    top:8px;
    inset-inline-start:8px;
    background:rgba(28,27,25,.75);
    color:#fff;
    font-size:11px;
    padding:3px 9px;
    border-radius:999px;
}
.nxt-bm-card-body{
    padding:14px;
}
.nxt-bm-card-title{
    font-size:14.5px;
    font-weight:700;
    line-height:1.6;
    margin:0 0 8px;
}
.nxt-bm-card-title a{
    color:var(--ink);
}
.nxt-bm-card-title a:hover{
    color:var(--rust);
}
.nxt-bm-card-meta{
    font-size:12px;
    color:var(--muted);
    margin-bottom:10px;
}
.nxt-bm-remove-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:none;
    border:1px solid var(--line);
    color:#a33;
    font-size:12px;
    padding:6px 10px;
    border-radius:8px;
    cursor:pointer;
    transition:.15s;
    width:100%;
    justify-content:center;
}
.nxt-bm-remove-btn:hover{
    background:#fbeaea;
    border-color:#e3a9a9;
}