/*
 * Terms overflow — one .ts-action-wrap with two .ts-action-con children.
 * Override Voxel's width:100% so the wrap becomes a flex-row and
 * both chips stay inline (including mobile).
 */

.ts-action .ts-action-wrap.esmira-terms-overflow-more {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	width: 100%;
}

/* Both chips: shrink-to-fit instead of Voxel's width:100% */
.ts-action .ts-action-wrap.esmira-terms-overflow-more > .ts-action-con {
	width: auto !important;
	flex: 0 1 auto;
	white-space: nowrap;
}

/* First term can truncate if space is tight */
.ts-action .ts-action-wrap.esmira-terms-overflow-more > .esmira-to-first {
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	flex-shrink: 1;
}

/* Count chip never shrinks */
.ts-action .ts-action-wrap.esmira-terms-overflow-more > .esmira-to-count {
	flex-shrink: 0;
}