.elementor-23166 .elementor-element.elementor-element-87c369d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23166 .elementor-element.elementor-element-a66140e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23166 .elementor-element.elementor-element-005f884{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23166 .elementor-element.elementor-element-42670d3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23166 .elementor-element.elementor-element-18c03bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23166 .elementor-element.elementor-element-c5f4233{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23166 .elementor-element.elementor-element-2e09217.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-23166 .elementor-element.elementor-element-2e09217.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-23166 .elementor-element.elementor-element-a66140e{--width:40%;}.elementor-23166 .elementor-element.elementor-element-005f884{--width:60%;}.elementor-23166 .elementor-element.elementor-element-18c03bc{--width:25%;}.elementor-23166 .elementor-element.elementor-element-c5f4233{--width:75%;}}@media(max-width:1024px){.elementor-23166 .elementor-element.elementor-element-2e09217.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-23166 .elementor-element.elementor-element-2e09217.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-5f642ed *//* ==========================================
   STYLE COMMUN POUR LES DEUX ENCARTS
   ========================================== */

.francofil-subcategories,
.francofil-main-materials {
  background: #f8f8f8;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.francofil-subcategories h3,
.francofil-main-materials h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  color: #333;
  font-weight: 600;
}

/* Lien retour */
.parent-category {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #0066cc;
}

.back-link {
  display: inline-block;
  color: #0066cc;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s;
}

.back-link:hover {
  padding-left: 5px;
  color: #004499;
}

/* Style des listes (commun) */
.subcategory-list,
.main-materials-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.subcategory-list li,
.main-materials-list li {
  padding: 12px 0 12px 25px;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  transition: all 0.3s;
}

.subcategory-list li:last-child,
.main-materials-list li:last-child {
  border-bottom: none;
}

.subcategory-list li:before,
.main-materials-list li:before {
  content: "▶";
  position: absolute;
  left: 0;
  color: #0066cc;
  font-size: 12px;
  transition: all 0.3s;
}

/* Catégorie active */
.subcategory-list li.current,
.main-materials-list li.current-material {
  background: #e6f2ff;
  font-weight: bold;
  padding-left: 30px;
}

.subcategory-list li.current:before,
.main-materials-list li.current-material:before {
  content: "●";
  color: #0066cc;
  font-size: 16px;
  left: 5px;
}

/* Hover */
.subcategory-list li:hover,
.main-materials-list li:hover {
  padding-left: 30px;
  background: #ffffff;
}

.subcategory-list li:hover:before,
.main-materials-list li:hover:before {
  left: 5px;
}

/* Liens */
.subcategory-list a,
.main-materials-list a {
  text-decoration: none;
  color: #333;
  display: block;
}

.subcategory-list a:hover,
.main-materials-list a:hover {
  color: #0066cc;
}

/* Compteur de produits */
.subcategory-list .count,
.main-materials-list .count {
  color: #999;
  font-size: 14px;
  font-weight: normal;
}

.francofil-main-categories {
  background: #f8f8f8;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.francofil-main-categories h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  color: #333;
  font-weight: 600;
}

.main-categories-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-categories-list li {
  padding: 12px 0 12px 25px;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  transition: all 0.3s;
}

.main-categories-list li:last-child {
  border-bottom: none;
}

.main-categories-list li:before {
  content: "▶";
  position: absolute;
  left: 0;
  color: #0066cc;
  font-size: 12px;
  transition: all 0.3s;
}

.main-categories-list li.current-main {
  background: #e6f2ff;
  font-weight: bold;
  padding-left: 30px;
}

.main-categories-list li.current-main:before {
  content: "●";
  color: #0066cc;
  font-size: 16px;
  left: 5px;
}

.main-categories-list li:hover {
  padding-left: 30px;
  background: #ffffff;
}

.main-categories-list li:hover:before {
  left: 5px;
}

.main-categories-list a {
  text-decoration: none;
  color: #333;
  display: block;
}

.main-categories-list a:hover {
  color: #0066cc;
}

.main-categories-list .count {
  color: #999;
  font-size: 14px;
  font-weight: normal;
}/* End custom CSS */