/* Footer Read More Box - styles */

.frmb-readmore-box {
	--frmb-collapsed-height: 80px;
	direction: rtl;
	text-align: justify;
}

.frmb-readmore-box .frmb-content {
	max-height: var(--frmb-collapsed-height);
	overflow: hidden;
	position: relative;
	transition: max-height 0.35s ease;
}

/* توجه: ارتفاع حالت باز دیگر با CSS ثابت تعیین نمی‌شود؛
 * جاوااسکریپت با استفاده از content.scrollHeight مقدار دقیق را
 * به‌صورت inline روی همین المان تنظیم می‌کند تا هیچ متنی قطع نشود. */

/* افکت محو‌شدگی (feather) پایین متن در حالت بسته - کاملاً مستقل از قالب،
 * فقط بر اساس کلاس frmb-open خودمان کنترل می‌شود تا رفتار همیشه یکسان باشد. */
.frmb-readmore-box .frmb-content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 36px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 85%);
	pointer-events: none;
	opacity: 1;
	transition: opacity 0.25s ease;
}

.frmb-readmore-box.frmb-open .frmb-content::after {
	opacity: 0;
}

.frmb-readmore-box.frmb-no-toggle .frmb-content::after {
	display: none;
}

.frmb-readmore-box .frmb-toggle {
	display: inline-block;
	margin-top: 8px;
	cursor: pointer;
	font-size: 14px;
	text-decoration: none;
}

.frmb-readmore-box .frmb-show-less {
	display: none;
}

.frmb-readmore-box.frmb-open .frmb-show-more {
	display: none;
}

.frmb-readmore-box.frmb-open .frmb-show-less {
	display: inline;
}

.frmb-readmore-box.frmb-no-toggle .frmb-toggle {
	display: none;
}

/* تمام‌عرض کردن باکس، مستقل از سیستم لایوت والد (فلکس یا گرید) */
.frmb-force-full {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 100% !important;
	grid-column: 1 / -1 !important;
	box-sizing: border-box !important;
	margin: 0 0 20px 0 !important;
}