/* Badge global */
.avis-badge {
  /*max-width: 420px;*/
  margin: 10px auto;
  padding: 20px;
  border: 2px solid #F09833;
  border-radius: 15px;
  background: #fff;
  text-align: center;
  color: #6C757D;
}
/* Ligne note moyenne + total */
.avis-badge-note {
  margin-bottom: 15px;
  font-size: 1.1em; /* plus gros */
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 10px;
}
div#avis-badge-d4m {
    font-size: 1.6em;
}
/* Étoiles visuelles */
.avis-stars {
  color: #FFBE00;
  font-size: 1.4em; /* plus gros */
  letter-spacing: 2px;
}
/* Moyenne et total */
.avis-average {
  color: #6C757D;
  font-size: 1.2em; /* plus gros */
}
.avis-total {
  color: #6C757D;
  font-size: 0.8em;
  font-weight: normal;
}

/* Barres */
.avis-bar {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.avis-label {
  width: 40px;
  font-size: 1.2em;
  color: #6C757D;
  text-align: left;
}
.avis-progress {
  flex: 1;
  height: 12px;
  background: #f4f4f4;
  border-radius: 6px;
  margin: 0 8px;
  overflow: hidden;
}
.avis-fill {
  height: 100%;
  background: #FFBE00;
  border-radius: 6px;
}
.avis-count {
  width: 30px;
  text-align: right;
  font-size: 1.2em;
  color: #6C757D;
}
/* Étoiles précises */
.avis-stars-wrapper {
  position: relative;
  display: inline-block;
  font-size: 1.4em;
  line-height: 1;
}

.avis-stars-bg {
  color: #ccc;
}
.avis-stars-fill {
  color: #FFBE00;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
}