@use "variables" as *;

.p-breadcrumb {
    border: 0 none;
    padding: $spacing-3 0;

    .p-breadcrumb-list {
        li {
            .p-menuitem-link {
                transition: none;
                .p-menuitem-text {
                    color: $color-palette-gray-700;
                    font-size: $font-size-default;
                    cursor: pointer;
                    &[href] {
                        color: $black;
                        &:hover {
                            color: $color-palette-primary;
                            text-decoration: underline;
                        }
                    }
                }
                .p-menuitem-icon {
                    color: $black;
                }
                &:focus {
                    outline: 0 none;
                    outline-offset: 0;
                    box-shadow: none;
                }
            }
            &.p-menuitem-separator {
                margin: 0 $spacing-1;
                color: $black;
            }

            &:last-child {
                .p-menuitem-text {
                    color: $color-palette-gray-700;
                }
                .p-menuitem-icon {
                    color: $color-palette-gray-700;
                }
            }
        }
    }
}
