// TBD

.tb-tab-navigation {
    position: relative;
    margin-bottom: config('margin.4');

    &::after {
        background-color: config('colors.grey-lighter');
    }
}

.tb-tab-navigation__item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: config('margin.6');
    padding-bottom: config('padding.6');
    font-weight: bold;
    font-size: config('textSizes.xl');
    color: config('colors.grey');

    &[aria-expanded=true] {
        pointer-events: none;
    }
}

@include mappy-bp(max sm) {
    .tb-tab-navigation__item {
        padding-bottom: config('padding.4');
        font-size: config('textSizes.base');
        margin-right: config('margin.3');
    }
}

.tb-tab-navigation__item[aria-expanded=true] {
    color: config('colors.grey-darkest');

    &::after {
        z-index: 1;
        background-color: config('colors.primary');
    }
}

.tb-tab-navigation::after,
.tb-tab-navigation__item[aria-expanded=true]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
}
