/********************
	Style général du breadcrumb
********************/
.breadcrumb__wrapper {
  margin     : 0;
  background : var(--color-grey-default);
}

.breadcrumb {
  border-radius : 0;
  padding       : 1rem 0 1rem 20px;
  background    : transparent;
}

.breadcrumb[data-depth="1"] {
  display : none;
}

.breadcrumb ol {
  padding-left  : 0;
  margin-bottom : 0;
}

.breadcrumb li {
  display : inline;
  color   : var(--color-black-default);
}

.breadcrumb li:not(:first-child):before {
  content : "/";
  color   : currentColor;
  margin  : .3125rem;
}

.breadcrumb li a {
  text-decoration : none;
  color           : currentColor;
  transition      : all 0.3s;
}

.breadcrumb li a:hover {
  color : var(--link-color-on-hover);
}