/* ======= custom sft toc css starts ========= */

#sft-toc-container .sft-toc-title{
    font-size: 120%;
}

#sft-toc-container ul li{
    list-style-type: none; 
}

.sft-toc-heading-level-2 .active-toc {
    color: #008980 !important;
}

.sft-toc-list-level-3 .active-toc {
    /* font-weight: bold !important; */
    color: #008980 !important;;
}

.sft-toc-heading-level-2 a {
    color: #3e3e3e !important;
    font-size: 80%;
}

.sft-toc-list-level-3{
    margin-left: 15px;
}

.sft-toc-list-level-1{
    margin-left: 15px;
}

.sft-toc-list-level-3 a {
    color: #676767 !important;
    font-size: 70%;
}

.sft-toc-list a:hover{
    color: #00998e !important;
}

.sft-table-of-content-sidebar #sft-toc-container li {
    margin: 10px 0;
    line-height: 1em;
    
}

.sft-table-of-content-sidebar #sft-toc-container a:hover {
    text-decoration: none !important;

}

/* Add ">" only if the li has sublist */
.sft-table-of-content-sidebar #sft-toc-container li:has(> ul.sft-toc-list-level-3)>a::before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background-size: auto;
    position: absolute;
    margin-top: 2px;
    left: 8px;
    z-index: 1;
    background-size: 20px;
    background-image: url(https://www.saffiretech.com/wp-content/uploads/2025/09/sidebar-toc-head-right-arrow.png);
    background-repeat: no-repeat;
}

/* Change to highlighted(theme color) "v" when active */
.sft-table-of-content-sidebar #sft-toc-container li:has(> ul.sft-toc-list-level-3)>a.active-toc::before {
    background-image: url(https://www.saffiretech.com/wp-content/uploads/2025/09/sidebar-toc-head-down-arrow.png);
    	
}

/* Change arrow to highlighted(black color) "v" when active for clicked sub-headings*/
.sft-table-of-content-sidebar #sft-toc-container li:has(> ul.sft-toc-list-level-3)>a.active-toc-wth-sub::before {
    background-image: url(https://www.saffiretech.com/wp-content/uploads/2025/09/sidebar-toc-head-down-black-arrow.png);
    
}

/* Change heading color to highlighted(black color) when active for clicked sub-headings*/
.sft-table-of-content-sidebar #sft-toc-container li:has(> ul.sft-toc-list-level-3)>a.active-toc-wth-sub {
    font-weight: bold !important;
}


/* ======= custom sft toc css ends ========= */