/* Jida Catalogue : badges et valeurs (grille actuelle + carte v2). */

.jcat-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 6;
  display: inline-block;
  max-width: calc(100% - 20px);
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.jcat-badge--out   { background: #3B3B3B; color: #fff; }
.jcat-badge--gaspi { background: #F5C542; color: #2E2200; }
.jcat-badge--promo { background: #C23B22; color: #fff; }
.jcat-badge--new   { background: #254636; color: #fff; }
.jcat-badge--edito { background: #fff; color: #254636; box-shadow: inset 0 0 0 1.5px #254636; }

.jcat-info {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 18px;
  margin: 4px 0 6px;
  padding: 0;
  list-style: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #3E5A4B;
  white-space: nowrap;
  overflow: hidden;
}
.jcat-value { display: inline-flex; align-items: center; gap: 4px; margin: 0; padding: 0; }
.jcat-value::before { content: none; }
.jcat-value--more { padding: 1px 6px; border-radius: 999px; background: #EEF3EF; font-weight: 700; font-size: 11px; color: #254636; }
.jcat-value--more .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.jcat-ico { flex-shrink: 0; color: #254636; }
.jcat-info--ddm { gap: 5px; font-weight: 600; color: #7A5600; }
.jcat-info--ddm .jcat-ico { color: #7A5600; }

@media (max-width: 767px) {
  .jcat-badge { top: 8px; left: 8px; padding: 4px 9px; font-size: 11px; }
  .jcat-info { gap: 8px; font-size: 11px; }
}

/* Grille actuelle (Goya) : l'image sert de repère au badge. */
.jcat-badges-on li.product .product_thumbnail { position: relative; }

/* Anciennes étiquettes masquées là où les badges Jida s'affichent. */
.jcat-hide-legacy .berocket_better_labels,
.jcat-hide-legacy li.product .product_thumbnail > .badge,
.jcat-hide-legacy li.product .product_thumbnail > .onsale { display: none !important; }