/**
 * @package ROOTS-index
 * @license GPL-2.0-or-later
 */

 @use "../foundations/var" as *;

 .roots-index-toc-box {
     width: 36.8rem;
     background-color: var(--roots-index-bg, #F5F5F5);
     border-radius: var(--roots-index-border-radius, 30px);
     font-size: 1.6rem;
     font-weight: bold;
     padding: 3.6rem 3.2rem;
 
     @include tab{
         padding: 2.0rem 2.2rem;
     }
 }
 
 .roots-index-toc-accordion {
     display: none;
 
     @include tab{
         display: flex;
         font-size: 1.2rem;
         color: var(--roots-index-heading, #797979);
     }
 }
 
 .roots-index-toc-btn {
     display: none;
 }
 
 .roots-index-toc-list {
    list-style: none;
    margin: 0;
    padding: 0;

    li {
        margin: 0;

        @include tab {
            padding-top: 1.6rem;
        }
    }

    a {
        text-decoration: none;
        color: var(--roots-index-text, #000000);
        display: flex;
        align-items: center;

        .toc-number {
            margin-right: 0.6em;
            font-weight: bold;
            white-space: nowrap;
        }

        .toc-text {
            flex: 1;
        }
    }

    .toc-depth-0 {
        font-size: 1.6rem;
        padding-left: 0;
    }

    .toc-depth-1 {
        font-size: 1.5rem;
        font-weight: normal;
        padding-left: 2.0rem;
    }

    .toc-depth-2 {
        font-size: 1.4rem;
        font-weight: lighter;
        padding-left: 4.0rem;
    }

    .toc-depth-3 {
        font-size: 1.3rem;
        font-weight: lighter;
        padding-left: 6.0rem;
    }

    .toc-depth-4 {
        font-size: 1.3rem;
        font-weight: lighter;
        padding-left: 8.0rem;
    }
}