/* تنظیمات استایل فقط برای این باکس */
.seo-desc-container {
position: relative;
}
/* حالت بسته: محدودیت ارتفاع */
.seo-desc-container.collapsed .elementor-widget-container {
max-height: 130px; /* ارتفاع حدود 4 خط */
overflow: hidden;
position: relative;
}
/* پرده محو شونده (Fade) */
.read-more-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
/* طیف رنگی از شفاف به سفید - اگر پس زمینه سایت شما رنگ دیگری است، rgb(255,255,255) را تغییر دهید */
background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%);
display: flex;
justify-content: center;
align-items: flex-end;
padding-bottom: 5px;
z-index: 2;
}
/* استایل دکمه انگلیسی */
.read-more-btn {
background: #fff; /* رنگ زمینه دکمه */
color: #000; /* رنگ متن */
border: 1px solid #000; /* کادر دور دکمه */
padding: 8px 20px;
font-family: sans-serif; /* فونت ساده انگلیسی */
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
border-radius: 4px;
transition: all 0.3s ease;
}
/* وقتی موس روی دکمه میرود */
.read-more-btn:hover {
background: #000;
color: #fff;
}
jQuery(document).ready(function($) {
// پیدا کردن کانتینر متن
var wrapper = $('.seo-desc-container');
var textContainer = wrapper.find('.elementor-widget-container');
// دکمه و پرده محو شونده
var overlayHTML = '';
// بررسی ارتفاع متن
// اگر ارتفاع متن بیشتر از 150 پیکسل بود، عملیات انجام شود
if (textContainer.outerHeight() > 150) {
wrapper.addClass('collapsed');
wrapper.append(overlayHTML);
}
// وقتی روی دکمه کلیک شد
$(document).on('click', '.read-more-btn', function() {
var currentWrapper = $(this).closest('.seo-desc-container');
// حذف کلاس بسته بودن (باز شدن کامل متن)
currentWrapper.removeClass('collapsed');
// حذف دکمه و پرده با افکت ملایم
$(this).parent('.read-more-overlay').fadeOut();
});
});