/* =====================================================
   NazTrip TOC v1.0
   ===================================================== */

#naztrip-toc{
    background:#f8f8f8;
    border:1px solid #e5e5e5;
    border-radius:10px;
    padding:22px;
    margin:30px 0;
    direction:rtl;
    line-height:2;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}


/* ===========================
   لیست
=========================== */

#naztrip-toc ul{
    list-style:none;
    margin:0;
    padding:0;
}


/* ===========================
   آیتم‌ها
=========================== */

#naztrip-toc li{
    margin:4px 0;
    transition:.25s;
}


/* ===========================
   لینک‌ها
=========================== */

#naztrip-toc a{

    display:block;

    text-decoration:none;

    color:#333;

    padding:7px 12px;

    border-radius:7px;

    transition:all .25s ease;

}


/* ===========================
   Hover
=========================== */

#naztrip-toc a:hover{

    background:#eef6ff;

    color:#0063d1;

    padding-right:16px;

}


/* ===========================
   عنوان فعال
=========================== */

#naztrip-toc li.active a{

    background:#eaf3ff;

    color:#0063d1;

    font-weight:700;

}


/* ===========================
   Focus / Active
=========================== */

#naztrip-toc a:focus,
#naztrip-toc a:active{

    outline:none;

}


/* ===========================
   لینک‌های بازدید شده
=========================== */

#naztrip-toc a:visited{

    color:#333;

}


/* ===========================
   شماره‌ها
=========================== */

#naztrip-toc .toc-number{

    display:inline-block;

    min-width:52px;

    font-weight:700;

    color:#0063d1;

    font-variant-numeric:tabular-nums;

}


/* ===========================
   عنوان
=========================== */

#naztrip-toc .toc-title{

    display:inline;

}


/* ===========================
   H2
=========================== */

#naztrip-toc li.h2{

    font-weight:600;

}


/* ===========================
   H3
=========================== */

#naztrip-toc li.h3{

    margin-right:30px;

    font-size:.94em;

    position:relative;

}


/* خط راهنما */

#naztrip-toc li.h3::before{

    content:"";

    position:absolute;

    right:-18px;

    top:10px;

    width:2px;

    height:20px;

    background:#d8e7fb;

}


/* Hover برای H3 */

#naztrip-toc li.h3:hover::before{

    background:#0063d1;

}


/* ===========================
   موبایل
=========================== */

@media (max-width:768px){

    #naztrip-toc{

        padding:16px;

        margin:20px 0;

    }

    #naztrip-toc .toc-number{

        min-width:44px;

    }

    #naztrip-toc li.h3{

        margin-right:18px;

    }

    #naztrip-toc li.h3::before{

        right:-12px;

        height:18px;

    }

}
/* =====================================================
   Header
   ===================================================== */

.naztrip-toc-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-bottom:14px;

    margin-bottom:16px;

    border-bottom:1px solid #e5e5e5;

}


.naztrip-toc-title{

    font-size:1.2rem;

    font-weight:700;

    color:#222;

}


.naztrip-toc-count{

    font-size:.9rem;

    color:#888;

    background:#f2f2f2;

    padding:4px 10px;

    border-radius:20px;

}