/* write your custom styles here */

/* نظرات شنوندگان: بدون عکس کاربر */
.irancast-comments .container .each-comment .each-comment-header .user-comment img {
	display: none !important;
}

/*
 * Owl hides .owl-carousel until JS adds .owl-loaded.
 * If jQuery/owl fails or is slow, the section looked empty — show cards anyway.
 */
.irancast-comments .owl-carousel {
	display: block;
}

.irancast-comments .owl-carousel:not(.owl-loaded) {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

.irancast-comments .owl-carousel:not(.owl-loaded) .each-comment {
	flex: 1 1 260px;
	max-width: 340px;
	width: auto;
}

/*
 * Show ALL listener comments at once (no carousel click / swipe needed).
 * Text is never line-clamped.
 */
.irancast-comments .container .content .owl-nav,
.irancast-comments .container .content .owl-dots {
	display: none !important;
}

.irancast-comments #comment-slider.owl-carousel,
.irancast-comments #comment-slider2.owl-carousel,
.irancast-comments #comment-slider,
.irancast-comments #comment-slider2 {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
	width: 100%;
	transform: none !important;
}

.irancast-comments #comment-slider .owl-stage-outer,
.irancast-comments #comment-slider2 .owl-stage-outer,
.irancast-comments #comment-slider .owl-stage,
.irancast-comments #comment-slider2 .owl-stage {
	display: contents !important;
	transform: none !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
}

.irancast-comments #comment-slider .owl-item,
.irancast-comments #comment-slider2 .owl-item {
	display: contents !important;
	width: auto !important;
	float: none !important;
}

.irancast-comments .container .each-comment {
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	cursor: default !important;
}

.irancast-comments .container .each-comment .each-comment-text,
.irancast-comments .container .each-comment .each-comment-text q {
	display: block !important;
	-webkit-box-orient: unset !important;
	-webkit-line-clamp: unset !important;
	line-clamp: unset !important;
	overflow: visible !important;
	white-space: normal !important;
	max-height: none !important;
	height: auto !important;
	text-overflow: unset !important;
}

.irancast-comments .container .each-comment .each-comment-more,
.irancast-comments .container .each-comment .each-comment-less {
	display: none !important;
}

body.khalvat-inner .irancast-comments .container .each-comment .each-comment-text q {
	color: rgba(255, 255, 255, 0.88);
}