.elementor-4367 .elementor-element.elementor-element-563a38c1{--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;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4367 .elementor-element.elementor-element-563a38c1.e-con{--align-self:stretch;}.elementor-4367 .elementor-element.elementor-element-da3e769{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-4367 .elementor-element.elementor-element-da3e769.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4367 .elementor-element.elementor-element-25c7f94 .elementor-button{background-color:#61CE7000;fill:var( --e-global-color-06458ad );color:var( --e-global-color-06458ad );border-style:none;border-radius:50% 50% 50% 50%;padding:10px 10px 10px 10px;}.elementor-4367 .elementor-element.elementor-element-25c7f94 .elementor-button:hover, .elementor-4367 .elementor-element.elementor-element-25c7f94 .elementor-button:focus{background-color:var( --e-global-color-06458ad );color:#FFFFFF;}.elementor-4367 .elementor-element.elementor-element-25c7f94 > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-06458ad );border-radius:100px 100px 100px 100px;}.elementor-4367 .elementor-element.elementor-element-25c7f94.elementor-element{--align-self:center;}.elementor-4367 .elementor-element.elementor-element-25c7f94 .elementor-button:hover svg, .elementor-4367 .elementor-element.elementor-element-25c7f94 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-4367 .elementor-element.elementor-element-82fdb57{--display:flex;}@media(max-width:1024px){.elementor-4367 .elementor-element.elementor-element-25c7f94 .elementor-button{padding:13px 13px 13px 13px;}}/* Start custom CSS for shortcode, class: .elementor-element-da3e769 */.simplefavorite-button.active {
    opacity: 1 !important;
}

.simplefavorite-button {
  position: relative;
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
  border: 0px ;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  z-index: 1;
  box-sizing: border-box;
  overflow: hidden;
  transition: background-color 0s ease, color 0s ease;
}

/* Cœur par défaut : plein blanc sans contour */
.simplefavorite-button::after {
  content: '\2665'; /* ♥ */
  font-size: 25px;
  color: #28D2D9;
  z-index: 1;
  line-height: 1;
  transition: color 0.2s ease, content 0.2s ease;
  -webkit-text-stroke: 0; /* pas de contour */
}


/* Hover : fond noir, cœur plein blanc */
.simplefavorite-button:hover {
  background-color: #28D2D9;
    border: 1px solid #28D2D9;
}

.simplefavorite-button:hover::after {
  content: '\2665'; /* ♥ */
  color: white;
  -webkit-text-stroke: 0px;
}

/* Favori actif : fond blanc, cœur plein rouge */
.simplefavorite-button.active {
  background-color: #transparent;
}

.simplefavorite-button.active::after {
  content: '\2665'; /* ♥ */
  color: #ed0000;
  -webkit-text-stroke: 0px;
}

/* Favori actif + hover : fond noir, cœur plein blanc */
.simplefavorite-button.active:hover {
  background-color: #28D2D9;
    border: 1px solid #28D2D9;
}

.simplefavorite-button.active:hover::after {
  color: white;
}

/* Focus = même effet que hover */
.simplefavorite-button:focus {
  outline: none !important;
  box-shadow: none;
  background-color: #000000;
}

.simplefavorite-button:focus::after {
  content: '\2665';
  color: white;
  -webkit-text-stroke: 0px;
}
.simplefavorite-button::before {
  content: "Ajouter aux favoris";
  position: absolute;
  top: 100%; 
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  color: #001B42;

  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  z-index: 10;
}

.simplefavorite-button:hover::before {
  opacity: 1;
  transform: translateX(-50%) translateY(5px);
}



.simplefavorite-button.active::before {
  content: "Retirer des favoris";
}


/*RESPONSIVE*/

@media  (max-width: 1024px) {
  .simplefavorite-button {
    width: 54px;
     height: 54px;
  }
}


.tooltip-favoris{
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Le mot "Favoris" en dessous */
.tooltip-favoris::after {
  content: "Ajouter au favoris";
  position: absolute;
  top: 100%;
  left: 70%;
  transform: translateX(-50%);
  background: #fff;
  color: #000;
  padding: 14px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  z-index: 10;
}

/* Apparition au hover */
.tooltip-favoris:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(5px);
}

.tooltip-favoris{
  line-height: 0;
}

.tooltip-favoris a {
  line-height: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-25c7f94 */.btn-share {
  position: relative;
  display: inline-block;
  cursor: pointer;
}


.btn-share::after {
  content: "Partager";
  position: absolute;
  top: 100%; 
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  color: #000;
  padding: 14px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  z-index: 10;
}


.btn-share:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(5px);
}

.btn-share {
  line-height: 0;
}

.btn-share a {
  line-height: 0;
}

.elementor-4367 .elementor-element.elementor-element-25c7f94{
    svg{
width:20px;
height: 20px
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-563a38c1 */.elementor-button-icon{
    font-size: 28px; 
}/* End custom CSS */