.opinion-poll {
  max-width: 870px;
  margin: 24px auto;
  font-family: inherit;
}

.opinion-poll__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;

}

.opinion-poll__row {
  display: grid;
  grid-template-columns: 1.2fr 2fr auto; /* la barre prend plus de place */
  gap: 28px;
  align-items: center;
}



.opinion-poll__middle {
  padding: 0 10px;
}


/* ✅ ICI : on limite la largeur de la barre pour qu'elle soit VRAIMENT au centre */
.opinion-poll__bar {
  height: 12px;
  width: 100%;
  max-width: 320px; /* 👈 ajuste si tu veux (280–380) */
  background: rgba(0,0,0,.08);
  border-radius: 999px;
  overflow: hidden;
}

.opinion-poll__barFill {
  height: 100%;
  width: 0%;
  background: #c68180; /* adjust to match your brand */
  border-radius: 999px;
}

/* ✅ ICI : on aligne aussi les % sur la même largeur que la barre */
.opinion-poll__pct {
  width: 100%;
  max-width: 320px; /* 👈 doit matcher la barre */
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-top: 6px;
  opacity: 0.85;
}

.opinion-poll__statement {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;

}

.opinion-poll__meta {
  font-size: 13px;
  opacity: 0.7;
}

.opinion-poll__right {
  display: flex;
  gap: 10px;
  align-items: center;
}

.opinion-poll__btn {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 2px solid #c68180;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.opinion-poll__btn.is-selected {
  background: rgba(228,87,46,.12);
}

@media (max-width: 720px) {
  .opinion-poll__row {
    grid-template-columns: 1fr;
  }

  /* optionnel : sur mobile tu peux remettre la barre full-width si tu veux */
  .opinion-poll__bar,
  .opinion-poll__pct {
    max-width: 100%;
  }

  .opinion-poll__right {
    justify-content: flex-start;
  }
}