/* fil d'ariane */
#nav_breadcrumb {
    background-color: #EDEDED;
    margin:0;
}

@media (max-width: 2560px) {
  #nav_breadcrumb {
    padding: 16px var(--desktop-margin);
    position: relative;
  }
}
@media (max-width: 1024px) {
  #nav_breadcrumb {
    padding: 16px var(--tablet-margin);
  }
}
@media (max-width: 480px) {
  #nav_breadcrumb {
    padding: 8px var(--phone-margin);
  }
}

.breadcrumb {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  margin: 0px;
  padding:0;
}

.breadcrumb li {
  display: inline-flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
}

.breadcrumb li::after {
  content: '::';
  padding: 0 10px;
  color: var(--main-color);
  line-height: 1;
  font-weight: 600;
}
.breadcrumb li:last-of-type:after {
    display: none;
}

.breadcrumb li a {
	color:var(--txt-color);
}
.breadcrumb li a:hover{
	color: var(--main-color);
}

.breadcrumb__item > a {
  display: flex;
  align-items: center;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
}

.breadcrumb__item > a:hover {
  opacity: 0.6;
}

.breadcrumb .breadcrumb__dropdown {
    position:relative;
    display: none!important;
}
.breadcrumb .breadcrumb__dropdown .ellipsis {
    color: var(--info-tint-1);
    cursor: pointer;
}

.breadcrumb #breadcrumb__dropdown_list {
    display: none;
    position: absolute;
    background-color: #DCDCDC;
    border: 1px solid #CDCDCD;
    border-radius: 5px;
    z-index: 100;
    padding: 5px;
    margin-top: 5px;
}
.breadcrumb #breadcrumb__dropdown_list ul {    
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction:column;
    gap:2px;    
    margin:0;
    padding:0;
}
.breadcrumb #breadcrumb__dropdown_list ul li {
    padding:0;
}
.breadcrumb #breadcrumb__dropdown_list ul li a {    
    text-decoration: none;
}

.breadcrumb .breadcrumb__item_ancestor {
    display: inline-flex;
}

/*breadcrumbs - responsive*/

@media (min-width: 1044px) {
    .breadcrumb a {
        max-width: none; 
        white-space: normal; 
    }

}

@media (max-width: 1044px) {
    .breadcrumb li a {
        max-width: 200px; 
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis; 
    }
    .breadcrumb li.breadcrumb__item_last a {
        max-width: initial!important;
    }

    .breadcrumb .breadcrumb__dropdown {
        display: block!important;
    }    
    .breadcrumb .breadcrumb__dropdown #breadcrumb__dropdown_list.show {
        display: block;
    }
    .breadcrumb .breadcrumb__item_ancestor {
        display: none!important;
    }
    
    .breadcrumb .breadcrumb__dropdown #breadcrumb__dropdown_list.show .breadcrumb__item_ancestor {
        display: block!important;
    }

    .breadcrumb .breadcrumb__dropdown #breadcrumb__dropdown_list a {
        color:#000;
        max-width: none;
    }
    
}