﻿/* kubb code treeview */
:root {
    --tree-line-color: #6B7280; /* color-light/text-500 */
    --tree-line-thickness: 2px;
}

ul.kubb-tree {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}

    ul.kubb-tree li {
        list-style-type: none;
        border-left: var(--tree-line-thickness) solid var(--tree-line-color);
        margin-left: 1em;
    }

        ul.kubb-tree li div {
            padding-left: 1em;
            position: relative;
        }

            ul.kubb-tree li div::before {
                content: '';
                position: absolute;
                top: 0;
                left: calc(-1 * var(--tree-line-thickness));
                height: 0.9em;
                width: 1em;
                border-bottom: var(--tree-line-thickness) solid var(--tree-line-color);
                border-left: var(--tree-line-thickness) solid transparent;
            }

    ul.kubb-tree > li:last-child {
        border-left: var(--tree-line-thickness) solid transparent;
    }

    ul.kubb-tree.kubb-first > li:first-child > div::before {
        border-left: var(--tree-line-thickness) solid transparent;
    }

    ul.kubb-tree > li:last-child > div::before {
        border-left: var(--tree-line-thickness) solid var(--tree-line-color);
    }

/* KUBB section list */
ul.list-section li {
    list-style-type: none;
}

    ul.list-section li.accordion__item {
        border-top: 0;
    }

        ul.list-section li.accordion__item:last-of-type {
            border-bottom: 0;
        }

    ul.list-section li button.accordion__button {
        padding-top: 0;
        padding-bottom: 0;
    }

    ul.list-section li.accordion__item div.accordion__drawer div.accordion__content {
        padding-top: 1em;
        padding-bottom: 1em;
    }

@media print {
    .noga-detail-tabs {
        display: none !important;
    }
}