/*
 Theme Name:   Studiare Plus Child
 Description:  studiare Child Theme
 Author:       وردپرس من
 Author URI:   http://i-wp.ir
 Template:     studiare
 Version:      1.0.2
 Text Domain:  splus
*/

/* Show last-updated date on single posts (theme outputs it but hides via CSS). */
.single-post .wd-modified-date,
.single .wd-modified-date {
	display: inline-block !important;
	margin-inline-start: 8px;
	color: #777;
	font-size: 13px;
}
.single-post .wd-modified-date::before,
.single .wd-modified-date::before {
	content: "آخرین به‌روزرسانی: ";
}

/*
 * Course description collapsible: after rewrite, content is taller than
 * Elementor's 540px max-height. Theme CSS part for overflow:hidden is not
 * loaded, so text spilled over the lessons block. Clip only the content
 * widget so the "بیشتر بخوانید" button stays above sessions.
 */
.single-product .wd-collapsible-content:not(.wd-opened) {
	max-height: none !important;
	overflow: visible !important;
}
.single-product .wd-collapsible-content.wd-opened {
	max-height: none !important;
}
.single-product .wd-collapsible-content:not(.wd-opened) .elementor-widget.wd-single-content,
.single-product .wd-collapsible-content:not(.wd-opened) .elementor-widget-text-editor {
	max-height: 320px;
	overflow: hidden !important;
	position: relative;
}
.single-product .wd-collapsible-content:not(.wd-opened) .elementor-widget.wd-single-content::after,
.single-product .wd-collapsible-content:not(.wd-opened) .elementor-widget-text-editor::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 72px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 85%);
	pointer-events: none;
	z-index: 1;
}