/* Badges éco-responsables produits (pills / icônes) */

.eco-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0;
}

.eco-badges--pill {
  margin: 0.35rem 0 0.15rem;
}

.eco-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  color: #059669;
  background: color-mix(in srgb, #059669 12%, transparent);
  border: 1px solid color-mix(in srgb, #059669 28%, transparent);
}

.eco-badges--icon .eco-badge {
  width: 1.65rem;
  height: 1.65rem;
  justify-content: center;
  padding: 0;
  font-size: 0.72rem;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
}

.eco-badges--pill .eco-badge {
  padding: 0.2rem 0.55rem 0.2rem 0.45rem;
}

.eco-badge__label {
  letter-spacing: 0.01em;
}

.eco-badge--recycled {
  color: #047857;
}

.eco-badge--biodegradable,
.eco-badge--compostable {
  color: #15803d;
}

.eco-badge--ecological {
  color: #059669;
}

.eco-badge--sustainable {
  color: #0f766e;
}

/* Cartes listing : badges en bas à droite de l'image */
.home-card__media .eco-badges,
.associated-product-card__image .eco-badges {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 4;
  margin: 0;
  max-width: calc(100% - 16px);
  justify-content: flex-end;
  pointer-events: none;
}

.home-card__media .eco-badges--icon .eco-badge,
.associated-product-card__image .eco-badges--icon .eco-badge {
  background: color-mix(in srgb, #ffffff 88%, #059669 12%);
  box-shadow: 0 1px 5px rgba(15, 23, 42, 0.16);
}

.product-pricing-card__header .eco-badges {
  margin: 0.4rem 0 0.15rem;
}