/* =============================================================================
 *  فهرست انعطاف‌پذیر — CSS سایت نهایی (frontend)
 *  این را در استایل سایت لود کن (صفحه‌ی نمایش مقاله/محصول).
 * ===========================================================================*/

.article-toc {
    border: 1px solid #e3e8f0;
    border-radius: 14px;
    background: #fbfcfe;
    padding: 16px 18px;
    margin: 18px 0;
    direction: rtl;
}
.article-toc__title {
    font-weight: 800; font-size: 16px; color: #13234d; margin-bottom: 12px;
}
.article-toc__list { list-style: none; margin: 0; padding: 0; }
.article-toc__item {
    margin: 4px 0;
    padding: 6px 10px;
    border-radius: 8px;
    border-inline-start: 2px solid transparent;
    color: #2a3550;
    font-size: 14px;
    line-height: 1.9;
    transition: background .14s, color .14s, border-color .14s;
}
/* آیتم متصل به مقصد: کلیک‌پذیر */
.article-toc__item[data-href]:not([data-href=""]) {
    cursor: pointer;
}
.article-toc__item[data-href]:not([data-href=""]):hover {
    background: #eef3fe;
    color: #2f6df0;
    border-inline-start-color: #2f6df0;
}
/* سازگاری: اگر خروجی قدیمی <a> داشت */
.article-toc__link {
    display: block; padding: 6px 10px; border-radius: 8px; color: #2a3550;
    text-decoration: none; font-size: 14px; line-height: 1.9;
    transition: background .14s, color .14s;
}
.article-toc__link:hover { background: #eef3fe; color: #2f6df0; }

/* لنگر در سایت نهایی نامرئی است؛ فقط نقطه‌ی پرش */
.article-anchor {
    display: inline-block; width: 0; height: 0; overflow: hidden;
    scroll-margin-top: 90px;
}

/* برجسته‌سازی موقت مقصد بعد از پرش */
.toc-target-flash { animation: tocFlash 1.2s ease; }
@keyframes tocFlash {
    0% { background: rgba(47,109,240,.16); }
    100% { background: transparent; }
}