@charset "UTF-8";
@use "../../core/jkl";

@layer jokul.components {
    .jkl-breadcrumb {
        a[aria-current],
        a[aria-current] * {
            text-decoration: none;
            background-image: none;
        }

        a:focus-visible {
            @include jkl.focus-outline;
        }

        &__list {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            margin: 0;
            padding-inline-start: 0;
        }

        &__item {
            margin-bottom: var(--jkl-unit-10);
            white-space: nowrap;
            cursor: pointer;
        }

        &__item-separator {
            padding-left: var(--jkl-unit-10);
            padding-right: var(--jkl-unit-10);
        }
    }
}