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

.breadcrumb {
	border-radius : 0;
	padding       : 1em 0;
	background    : transparent;
	margin        : auto;
}

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

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

.breadcrumb li {
	display : inline;
	color   : #000;
}

.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);
}

#subcategories.card.card-block {
	display     : flex;
	width       : 1280px;
	margin      : auto;
	background  : #F5F5F5;
	padding     : 0 0 3em;
	align-items : flex-start;
}

ol.breadcrumb__list {
	font-size      : 14px;
	line-height    : 18px;
	letter-spacing : 0.6px;
	font-weight    : 400;
	color          : #9B9B9B;
}

body:not(#category) .breadcrumb {
	padding : 1.5em 0;
}

@media (max-width : 1440px) {

	ol.breadcrumb__list {
		text-align : center;
	}
}

@media (max-width : 1200px) {

	#subcategories.card.card-block {
		display : none;
	}

}

@media (min-width : 1440px) {

	.breadcrumb {
		width : 1280px;
	}

	.breadcrumb {
		width : 1280px;
	}

}