/**
 * חמשת השיעורים האחרונים – עיצוב מינימלי.
 * צורך משתני העיצוב המשותפים של תבנית הילד, עם ערכי גיבוי אם התבנית לא פעילה.
 */

.ov-recent {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ov-recent__item {
	margin: 0;
}

.ov-recent__link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px;
	border-radius: var(--ov-radius-sm, 8px);
	background: var(--ov-surface, #fff);
	box-shadow: var(--ov-shadow-sm, 0 2px 8px rgba(0, 35, 71, 0.06));
	text-decoration: none;
	color: var(--ov-text, #333);
	transition: box-shadow 0.2s ease;
}

.ov-recent__link:hover {
	box-shadow: var(--ov-shadow, 0 8px 24px rgba(0, 35, 71, 0.09));
	color: var(--ov-text, #333);
}

.ov-recent__img {
	width: 120px;
	height: 68px;
	object-fit: cover;
	border-radius: 6px;
	flex-shrink: 0;
	background: var(--ov-surface-alt, #f6f3ec);
}

.ov-recent__title {
	font-size: 0.95rem;
	line-height: 1.4;
}

@media (prefers-reduced-motion: reduce) {
	.ov-recent__link {
		transition: none;
	}
}