الملحقات

.seo-desc-container { position: relative; } /* حالت بسته: محدودیت ارتفاع */ .seo-desc-container.collapsed .elementor-widget-container { max-height: 130px; overflow: hidden; position: relative; } /* پرده محو شونده */ .read-more-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; 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: #921B1E; border: 2px solid #921B1E; padding: 8px 24px; font-family: 'Peyda', sans-serif; font-size: 14px; font-weight: 700; cursor: pointer; border-radius: 8px; transition: all 0.3s ease; } .read-more-btn:hover { background: #921B1E; color: #fff; } document.addEventListener("DOMContentLoaded", function () { var wrapper = document.querySelector('.seo-desc-container'); if (!wrapper) return; var textContainer = wrapper.querySelector('.elementor-widget-container'); if (!textContainer) return; // اگر ارتفاع متن بیش از 150 پیکسل بود if (textContainer.offsetHeight > 150) { wrapper.classList.add('collapsed'); // ساخت دکمه var btnWrapper = document.createElement('div'); btnWrapper.className = 'read-more-overlay'; var btn = document.createElement('button'); btn.className = 'read-more-btn'; btn.textContent = 'مطالعه بیشتر'; btn.addEventListener('click', function () { if (wrapper.classList.contains('collapsed')) { wrapper.classList.remove('collapsed'); btn.textContent = 'بستن متن'; } else { wrapper.classList.add('collapsed'); btn.textContent = 'مطالعه بیشتر'; // اسکرول ملایم به بالای متن wrapper.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); btnWrapper.appendChild(btn); wrapper.appendChild(btnWrapper); } });