/**
 * Badges titre manga (carte catalogue + fiche).
 */

.dsc-manga-title-badges {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.dsc-manga-title-badges--card {
  margin: 4px 0 8px;
}

.dsc-manga-title-badges--hero {
  margin: 10px 0 6px;
}

.dsc-manga-title-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 999px;
  font-family:
    Inter,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  border: 1px solid transparent;
  line-height: 1.2;
  text-decoration: none;
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.25),
    0 0 0 1px rgba(255, 31, 63, 0.06) inset;
}

/* Variantes charte DSC */
.dsc-manga-title-badge--nouveau {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.95), rgba(5, 46, 22, 0.98));
  border-color: rgba(167, 243, 208, 0.45);
  color: #ecfdf5;
}

.dsc-manga-title-badge--chaud {
  background: linear-gradient(135deg, #ff1f3f, #fb923c);
  border-color: rgba(255, 200, 200, 0.45);
  color: #fff8f8;
}

.dsc-manga-title-badge--tendance {
  background: linear-gradient(135deg, #7c3aed, #db2777);
  border-color: rgba(233, 213, 255, 0.35);
  color: #faf5ff;
}

.dsc-manga-title-badge--coup_de_coeur {
  background: linear-gradient(135deg, #ff9500, #eab308);
  border-color: rgba(254, 240, 138, 0.45);
  color: #1a0f03;
}

.dsc-manga-title-badge--recommande {
  background: linear-gradient(180deg, rgba(255, 31, 63, 0.22), rgba(43, 13, 21, 0.78));
  border-color: rgba(255, 31, 63, 0.45);
  color: #ffeef2;
}

.dsc-manga-title-badges--hero .dsc-manga-title-badge {
  padding: 5px 11px;
  font-size: 11px;
}