/* CSS Only Solution */

/* Hide the original Read More label. */
.outofstock .button.product_type_simple {

    visibility: hidden;

}

/* Replace original label with Out of Stock label. */
.outofstock .button.product_type_simple::before {

    content: "Réapprovisionnement en cours"; /* Rupture de stock */
    visibility: visible !important; /* Make this new label visible. */
  text-align: center;
      left: 0; /* For center alignment. */
    right: 0; /* For center alignment. */


}


.megamenu-wp-desktop #megamenu-wp-page .megamenu-wp .mega-item .mega-content a {
    display: inline-block;
    background: none;
    color: #fff;
    white-space: normal;
    line-height: inherit;
    position: relative;
    width: initial;
}