/********************
	Style général du breadcrumb
********************/
.breadcrumb__wrapper {
    margin     : 0;
}

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

@media (min-width: 1300px){
  .breadcrumb {
    padding-left  : 0;
    padding-right : 0;
  }
}

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

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

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

.breadcrumb li:not(:first-child):before {
  content: "";
  display: inline-block;
  /* Adapter la taille au SVG (5×8px) */
  width: 5px;
  height: 8px;
  margin: 0 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(
  "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8' fill='none'%3E%3Cpath d='M0.5 1L3.5 4L0.5 7' stroke='%2305582D' stroke-linecap='round'/%3E%3C/svg%3E"
  );
  position: relative;
}

.breadcrumb li a {
    text-decoration : none;
    transition      : all 0.3s;
    color: #292929;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.12px;
}

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