/* Anula el width y font-family de WooCommerce */
.woocommerce .star-rating.custom-rating {
  width: auto !important;
  font-family: inherit !important;
  overflow: visible !important;
  float: none !important;
}

/* Elimina el pseudo-elemento before que añade estrellas grises */
.woocommerce .star-rating.custom-rating::before {
  content: none !important;
}

/* Dale anchura automática y que muestre correctamente tus botones */
.custom-rating {
  display: inline-flex;
  gap: 0.25rem;
  overflow: visible;
  width: auto !important;
}

/* Activa tu propio estilo de “active” para estrellas */
.custom-rating .star {
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: #ccc;
  cursor: pointer;
}
.custom-rating .star.active {
  color: #CE0E71;
}