/**
 * استایل‌های اصلاحی برای دایره عکس مدرسین
 * و نمایش صحیح مدرسین متعدد
 */

/* دایره کردن عکس مدرسین - با اولویت بالا */
.course-teacher-details .top-part img.teacher-avatar,
.course-teacher-details .top-part a img,
.course-teacher-details .top-part .teacher-image-link img,
.hooshex-teachers-extended .top-part img {
	width: 120px !important;
	height: 120px !important;
	min-width: 120px !important;
	min-height: 120px !important;
	max-width: 120px !important;
	max-height: 120px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	flex-shrink: 0 !important;
}

/* فیکس برای لینک تصویر */
.course-teacher-details .top-part a.teacher-image-link,
.course-teacher-details .top-part > a {
	display: inline-block !important;
	width: 120px !important;
	height: 120px !important;
	flex-shrink: 0 !important;
}

/* فاصله بین مدرسین */
.course-teacher-details .top-part {
    margin-bottom: 25px !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important; /* مرکز چین عمودی عنوان کنار تصویر */
    gap: 15px !important;
}

/* باکس نام/عنوان را وسط تصویر تراز کن */
.course-teacher-details .top-part .name {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* محتوای توضیحات مدرس */
.course-teacher-details .content {
	margin-bottom: 20px;
}

/* اطمینان از نمایش صحیح در Elementor */
.elementor-widget-std_product_teacher .course-teacher-details .top-part img {
	width: 120px !important;
	height: 120px !important;
	min-width: 120px !important;
	min-height: 120px !important;
	max-width: 120px !important;
	max-height: 120px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* فیکس برای responsive */
@media (max-width: 768px) {
	.course-teacher-details .top-part {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.course-teacher-details .top-part a.teacher-image-link {
		margin: 0 auto;
	}
}

