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

.breadcrumb {
  border-radius : 0;
  padding       : 15px;
  background    : transparent;
}

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

.breadcrumb ol {
  line-height   : 1;
  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);
}


/*Listings*/
.category-banner__title-container .breadcrumb__wrapper {
  background      : transparent;
  display         : flex;
  justify-content : center;
}

.category-banner__title-container .breadcrumb.container-primary {
  margin  : 0;
  padding : 0;
  width   : fit-content;
}

.category-banner__title-container .breadcrumb li {
  color : var(--color-white-default);
}

.category-banner__title-container .breadcrumb li a:hover {
  color : var(--color-secondary);
}