@use "./abstracts/mixins" as mixins;
@use "./abstracts/vars" as vars;
@use "./base/fontawesome/font-awesome-mix-var" as fa;
@use "./base/reset/links";

.sxa-archive {
    .level-1 {
        display: block !important;
        padding-left: 10px;

        & > li > .group-header {
            font-weight: bold;
        }
    }

    .group-header {
        position: relative;

        &::before {
            @include mixins.font-size(1.0);
            @include fa.fa-icon();
            line-height: 10px;
            position: absolute;
            content: fa.$fa-var-plus-square;
            top: 50%;
            transform: translateY(-50%);
            left: -15px;
            padding: 0;
        }

        &.opened {
            &::before {
                content: fa.$fa-var-minus-square;
            }
        }
    }

    ul {
        display: none;
        margin-left: 10px;
        cursor: pointer;

        li {
            position: relative;
        }
    }

    .archive-items {
        display: none;

        .archive-item {
            @include links.links();
            cursor: default;
        }
    }
}