.elementor-1583 .elementor-element.elementor-element-fe42a4c{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-15px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-1583 .elementor-element.elementor-element-79b58ea{width:auto;max-width:auto;}.elementor-1583 .elementor-element.elementor-element-79b58ea .elementor-heading-title{font-size:30px;font-weight:700;}.elementor-1583 .elementor-element.elementor-element-65edc2a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-1583 .elementor-element.elementor-element-5706cfa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1583 .elementor-element.elementor-element-5706cfa div.product-category .wd-entities-title, .elementor-1583 .elementor-element.elementor-element-5706cfa .wd-nav-product-cat>li>a{font-family:"Albert Sans", Sans-serif;font-size:15px;font-weight:500;}.elementor-1583 .elementor-element.elementor-element-e6e9e6f{--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:50px 50px;--row-gap:50px;--column-gap:50px;--flex-wrap:nowrap;--margin-top:15px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}.elementor-1583 .elementor-element.elementor-element-b9ce3ab{--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-1583 .elementor-element.elementor-element-ad203c7{--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;}@media(min-width:769px){.elementor-1583 .elementor-element.elementor-element-e6e9e6f{--content-width:1400px;}.elementor-1583 .elementor-element.elementor-element-b9ce3ab{--width:50%;}.elementor-1583 .elementor-element.elementor-element-ad203c7{--width:50%;}}@media(max-width:1024px){.elementor-1583 .elementor-element.elementor-element-fe42a4c{--margin-top:-20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1583 .elementor-element.elementor-element-e6e9e6f{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}@media(max-width:768px){.elementor-1583 .elementor-element.elementor-element-79b58ea .elementor-heading-title{line-height:1.2em;}.elementor-1583 .elementor-element.elementor-element-5706cfa div.product-category .wd-entities-title, .elementor-1583 .elementor-element.elementor-element-5706cfa .wd-nav-product-cat>li>a{font-size:14px;}.elementor-1583 .elementor-element.elementor-element-e6e9e6f{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}/* Start custom CSS for wd_product_categories, class: .elementor-element-5706cfa *//* =========================================================
   STYLES CARTES CATÉGORIES - BLOC ELEMENTOR UNIQUEMENT
   Cible : .elementor-element-5706cfa

   Objectif :
   - 1px de bordure par défaut
   - Effet 2px orange au hover / focus / active
     (sans saut visuel) grâce à un contour en box-shadow
   ========================================================= */


/* -----------------------------------------
   1) Carte en colonne + garde le titre dans la carte
   ----------------------------------------- */
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-inner {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;

  /* Base = 1px */
  border: 1px solid #dddddd !important;
  box-sizing: border-box;

  /* On évite l'effet 1px orange -> 2px orange
     en ne changeant PAS l'épaisseur du border */
  box-shadow: none;

  transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}


/* -----------------------------------------
   2) Image sans marge parasite
   ----------------------------------------- */
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-thumb {
  margin: 0 !important;
}


/* 2bis. Plus d'espace au-dessus / dessous de l'image */
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-thumb {
  margin: 0 !important;
  padding: 12px 0; /* ajuste 8px / 12px / 16px selon ton goût */
}

/* Optionnel : évite un petit comportement inline de l'image */
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-thumb img {
  display: block;
  margin: 0 auto;
}


/* -----------------------------------------
   3) Le bloc titre n'est plus en overlay
   ----------------------------------------- */
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-content {
  position: static !important;
  opacity: 1 !important;
  transform: none !important;
  background: transparent !important;
  display: block !important;
  padding: 0px 0px 15px 2px !important;
  text-align: center;
}


/* -----------------------------------------
   4) Titre : gris anthracite par défaut
   ----------------------------------------- */
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-entities-title {
  margin: -10px 0 0 0 !important;
  font-weight: 700;
  line-height: 1.2;
  color: #464646;
}


/* Marges du titre par device */
@media (max-width: 1024px) {
  .elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-entities-title {
    margin: -10px 0 0 0 !important;
  }
}

@media (max-width: 767px) {
  .elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-entities-title {
    margin: -10px 0 0 0 !important;
  }
}


/* -----------------------------------------
   5) Neutralise les effets hover du thème sur le contenu
   ----------------------------------------- */
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-inner:hover .wd-cat-content {
  opacity: 1 !important;
}


/* -----------------------------------------
   6) Lien plein reste cliquable sans déplacer le titre
   ----------------------------------------- */
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-fill {
  z-index: 1;
}

.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-content,
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-content * {
  position: relative;
  z-index: 2;
  pointer-events: none;
}


/* =========================================================
   7) LISERÉ + TEXTE ORANGE (hover, focus, active)
   - Effet 2px via box-shadow
   ========================================================= */
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-inner:hover,
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-inner:focus-within,
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-inner:active {
  border-color: #FD4C1E !important;

  /* Ajoute 1px supplémentaire autour du border existant */
  box-shadow: 0 0 0 1px #FD4C1E;
}

.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-inner:hover .wd-entities-title,
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-inner:focus-within .wd-entities-title,
.elementor-element-5706cfa .wd-cats.products .category-grid-item .wd-cat-inner:active .wd-entities-title {
  color: #FD4C1E !important;
}


/* =========================================================
   8) MOBILE : liste en 1 colonne + style "menu"
   ========================================================= */
@media (max-width: 767px) {

  /* 1 colonne en mobile */
  .elementor-element-5706cfa .wd-grid-g.wd-cats {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  .elementor-element-5706cfa .wd-grid-g.wd-cats .wd-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Cache images */
  .elementor-element-5706cfa .wd-cat-thumb,
  .elementor-element-5706cfa .category-image-wrapp,
  .elementor-element-5706cfa .wd-cat-image,
  .elementor-element-5706cfa .wd-cat-image img {
    display: none !important;
  }

  /* Card mobile */
  .elementor-element-5706cfa .wd-cat-inner {
    border: 1px solid #dddddd !important;
    border-radius: 6px !important;
    background: #fff !important;
    overflow: hidden !important;

    display: flex !important;
    align-items: center !important;

    min-height: 40px;

    position: relative !important; /* pour le chevron */
    box-sizing: border-box;

    /* même logique hover propre */
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  }

  /* Neutralise le comportement overlay du hover-mask */
  .elementor-element-5706cfa .wd-cat-content.hover-mask {
    position: static !important;
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 0 !important;

    margin-top: 21px !important;
    margin-bottom: -14px !important;
    margin-left: 30px !important;

    text-align: left !important;

    /* évite chevauchement avec chevron */
    padding-right: 28px !important;
  }

  /* Titre aligné à gauche */
  .elementor-element-5706cfa .wd-entities-title {
    margin: 0 !important;
    width: 100% !important;
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  /* Chevron à droite */
  .elementor-element-5706cfa .wd-cat-inner::after {
    content: "›";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    line-height: 1;
    opacity: 0.5;
    pointer-events: none;
  }

  /* Hover/focus/active mobile : effet 2px identique desktop */
  .elementor-element-5706cfa .wd-cat-inner:hover,
  .elementor-element-5706cfa .wd-cat-inner:focus-within,
  .elementor-element-5706cfa .wd-cat-inner:active {
    border-color: #FD4C1E !important;
    box-shadow: 0 0 0 1px #FD4C1E;
  }
}/* End custom CSS */