/* .woocommerce span.onsale{
  left: 0;
    right: 0.5rem;
}*/
.badge_promo {
  position: absolute;
  top: 10px;
  right: 10px;
  /*   background-color:#e74c3c;
    color:#fff;*/
  background-color: var(--insygny-palette-2);
  color: var(--global-palette8);
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 300;
  border-radius: 3px;
  z-index: 5;
}
.badge_promo_single {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #e74c3c;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
  z-index: 5;
}
.insygny_badge {
  position: absolute;
  font-size: 18px;
  z-index: 5;
}

.badge_color_bleu {
  background-color: var(--insygny-palette-1);
  color: var(--global-palette7);
}
.badge_color_gold {
  background-color: var(--global-palette6);
  color: var(--global-palette7);
}
.insygny_color_bordeaux {
  background-color: var(--insygny-palette-6);
  color: var(--global-palette7);
  font-weight: 700;
}
.badge_color_rouge {
  background-color: var(--insygny-palette-2);
  color: var(--global-palette7);
}

.badge_hexagone_position_droite {
  top: 10px;
  right: 5px;
}
.badge_hexagone_position_gauche {
  top: 10px;
  left: 10px;
}
.badge_hexagone {
  width: 8em;
  height: 8em;
  display: flex;
  justify-content: center;
  align-items: center;

  -webkit-clip-path: polygon(
    50% 0%,
    93% 25%,
    93% 75%,
    50% 100%,
    7% 75%,
    7% 25%
  );
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
}
.badge_fleche_position_droite {
  top: 10px;
  right: 10px;
}
.badge_fleche_position_gauche {
  top: 10px;
  left: 10px;
}
.badge_fleche {
  width: 10em;
  height: 4em;
  display: flex;
  justify-content: center;
  align-items: center;

  -webkit-clip-path: polygon(
    70% 0%,
    100% 50%,
    70% 100%,
    0% 100%,
    30% 50%,
    0% 0%
  );
  clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);
}
.badge_fanion_position_droite {
  top: 10px;
  right: 10px;
}
.badge_fanion_position_gauche {
  top: 10px;
  left: 10px;
}
.badge_fanion {
  width: 6em;
  height: 6em;
  padding-top: 25px;
  display: flex;
  justify-content: center;

  -webkit-clip-path: polygon(100% 0%, 100% 100%, 50% 80%, 0% 100%, 0% 0%);
  clip-path: polygon(100% 0%, 100% 100%, 50% 80%, 0% 100%, 0% 0%);
}
.badge_bandeau_position_droite {
  position: absolute;
  top: 25px;
  right: -41px;
  transform: rotateZ(45deg);
}
.badge_bandeau_position_gauche {
  position: absolute;
  top: 25px;
  left: -43px;
  transform: rotateZ(-45deg);
}
.badge_bandeau {
  width: 180px;
  height: 45px;
  display: flex;
  text-align: center;
  position: absolute;
  justify-content: center;
  align-items: center;
  -webkit-clip-path: polygon(25% 0, 75% 0, 100% 100%, 0 100%);
  clip-path: polygon(25% 0, 75% 0, 100% 100%, 0 100%);
}

.badge_coin_position_droite {
  top: 0;
  right: 0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}
.badge_coin_position_gauche {
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%);
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%);
}
.badge_coin_texte_droite {
  transform: rotateZ(45deg);
  margin-top: -32px;
  margin-right: -32px;
}
.badge_coin_texte_gauche {
  transform: rotateZ(-45deg);
  margin-top: -32px;
  margin-left: -32px;
}
.badge_coin {
  width: 7em;
  height: 7em;
  display: flex;
  text-align: center;
  position: absolute;
  justify-content: center;
  align-items: center;
  /*   background: radial-gradient(ellipse at center top, rgb(241 209 137 / 0.10) 0%, transparent 60%);*/
}
.badge_complet_texte {
  font-family:
    top secret,
    sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--global-palette7); /*#c62222; */
  padding: 4px 12px;
  border-radius: 10px;
  background-color: var(--global-palette6);
}
.badge_complet {
  transform: rotateZ(-25deg);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.badge_event-jour {
  background-color: #e74c3c;
  color: #ffffff;
}
.badge_event-date {
  font-weight: 800;
  font-size: 26px;
  line-height: 1;
  color: #000000;
}
.badge_event-mois {
  margin: 0;
}
.badge_event {
  /* font-family: top secret, sans-serif;
    font-size: 40px;*/
  color: #e74c3c;
  background-color: #ffffff;
  border-radius: 5px;
  top: 10px;
  left: 10px;
  width: 80px;
  height: 80px;
  position: absolute;
  text-align: center;
}