/*
** Réalisation : Agence k4
** https://www.agencek4.fr
*/


/* --- PRODUCT LIST --- */
body.product-list header#header {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body.product-list #js-product-list-header {
  position: relative;
  padding-top: 6.4375rem;
}
body.product-list #js-product-list-header:before {
  content: '';
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(75, 60, 41, 0.70) 0%, rgba(75, 60, 41, 0.70) 100%);
}
.breadcrumb__wrapper {
  z-index: 3;
  position: relative;
  color: var(--LFcol02);
}
.breadcrumb__wrapper svg {
  stroke: var(--LFcol02);
}
.breadcrumb__wrapper a {
  color: var(--LFcol02);
}
.category__cover {
  z-index: 1;
}
.category__header {
  z-index: 3;
  position: relative;
  margin-top: var(--LF031);
  padding-bottom: var(--LF065);
  text-align: center;
  color: var(--LFcol02);
}
.category__header h1 {
  margin-bottom: var(--LF020);
  color: var(--LFcol02);
  text-transform: uppercase;
}

#products {
  margin-top: var(--LF040);
}
.products__selection {
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--LF040);
}
.products__count,
.products__sort-label {
  font-size: var(--LF012);
}




/* --- CATEGORY --- */
.subcategory {
  font-weight: 500;
}
.subcategory__list {
  justify-content: center;
  gap: var(--LF010);
}
.subcategory__link {
  padding: var(--LF008) var(--LF018);
  border: var(--LF001) solid var(--LFcol01);
  border-radius: var(--LF005);
  transition: all 0.2s;
}
.subcategory__link:hover {
  border-color: var(--LFcol05);
  background-color: var(--LFcol05);
  color: var(--LFcol02);
  text-decoration: none;
}