/* Egitimler (kurs arsivi) sayfasi icin modern gorunum katmani.
   Renkler/fontlar temanin kendi degiskenlerinden (educam/style.css :root)
   aliniyor: --main:#f6520a, --black:#1d1c1f, --font-main:'Lexend'.
   Not: Tema cok derin/ozgul secicilerle geldigi icin (orn.
   ".lp-archive-courses .learn-press-courses[data-layout=grid] .course
   .course-item .course-content .course-price") gorsel kurallar bilerek
   !important ile yaziliyor - amac var olan varsayilan gorunumu ustune yazmak. */

.learn-press-courses-header {
	position: relative;
	padding: 48px 24px;
	margin-bottom: 36px;
	border-radius: 16px;
	background: linear-gradient(135deg, #1d1c1f 0%, #34322f 100%) !important;
	overflow: hidden;
	text-align: center;
}

.learn-press-courses-header::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 20% 20%, rgba(246, 82, 10, 0.28), transparent 45%),
		radial-gradient(circle at 80% 80%, rgba(235, 188, 74, 0.18), transparent 40%);
	pointer-events: none;
}

.learn-press-courses-header h1 {
	position: relative;
	color: #fff !important;
	font-family: var(--font-headers), 'Lexend', sans-serif !important;
	font-size: 32px !important;
	font-weight: 700 !important;
	margin: 0 !important;
	letter-spacing: -0.01em;
}

.learn-press-breadcrumb {
	margin-bottom: 18px;
	opacity: 0.75;
}

/* Kullanicinin istegi: kartlar yan yana ızgara degil, alt alta (tek sutun) dizilsin. */
.lp-archive-courses .learn-press-courses,
.lp-archive-courses .profile-courses-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

.lp-archive-courses .learn-press-courses > li.course,
.lp-archive-courses .profile-courses-list > li.course {
	list-style: none;
	width: 100% !important;
}

.lp_profile_course_progress__nav {
	text-align: center;
	margin-top: 28px;
}

.lp_profile_course_progress__nav .lp-button {
	background: var(--main, #f6520a) !important;
	color: #fff !important;
	border: none !important;
	padding: 12px 28px !important;
	border-radius: 8px !important;
	font-weight: 600;
	font-size: 13.5px;
	cursor: pointer;
	transition: background 0.15s ease;
}

.lp_profile_course_progress__nav .lp-button:hover {
	background: #d94708 !important;
}

/* Kart: yatay - solda gorsel, sagda icerik. */
.lp-archive-courses .learn-press-courses .course .course-item,
.lp-archive-courses .profile-courses-list .course .course-item {
	background: #fff !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	box-shadow: 0 2px 12px rgba(29, 28, 31, 0.07) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch;
	border: 1px solid rgba(29, 28, 31, 0.05) !important;
}

.lp-archive-courses .learn-press-courses .course .course-item:hover,
.lp-archive-courses .profile-courses-list .course .course-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 30px rgba(29, 28, 31, 0.13) !important;
}

.lp-archive-courses .course-item .course-thumbnail {
	position: relative;
	overflow: hidden;
	flex: 0 0 260px;
}

.lp-archive-courses .course-item .course-thumbnail img {
	width: 100% !important;
	height: 100% !important;
	min-height: 160px;
	object-fit: cover !important;
	transition: transform 0.4s ease;
	display: block;
}

.lp-archive-courses .course-item:hover .course-thumbnail img {
	transform: scale(1.06);
}

.lp-archive-courses .course-item .course-content {
	padding: 22px 26px !important;
	display: flex !important;
	flex-direction: column;
	/* onemli: flex-direction:column varsayilan olarak tum cocuklari tam
	   genisliğe "stretch" eder (orn. asagidaki basit <span> rozeti tam
	   genislikte bir cubuga donusuyordu) - bunu flex-start ile kapatiyoruz. */
	align-items: flex-start !important;
	flex: 1 1 auto;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
}

.lp-archive-courses .course-item .course-content .wap-course-title,
.lp-archive-courses .course-item .course-content .course-permalink .course-title {
	font-family: var(--font-headers), 'Lexend', sans-serif !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.35;
	margin: 0 0 8px !important;
	width: 100% !important;
}

/* "Öne Çıkan" rozeti: sade metin span'i, tam genislik cubuk degil kucuk etiket. */
.lp-archive-courses .course-item .course-content > .course-featured {
	align-self: flex-start !important;
	display: inline-block !important;
	width: auto !important;
	background: var(--main, #f6520a) !important;
	color: #fff !important;
	font-family: var(--font-main), 'Lexend', sans-serif !important;
	font-size: 10.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 4px 10px !important;
	border-radius: 999px !important;
	margin: 0 0 10px !important;
}

/* Egitmen "by admin" + kategori satiri istenmedigi icin tamamen kaldirildi. */
.lp-archive-courses .course-item .course-instructor-category {
	display: none !important;
}

.lp-archive-courses .course-item .course-short-description {
	width: 100%;
	margin: 0 0 14px !important;
	font-size: 13.5px !important;
	line-height: 1.6;
	color: #6f6d69 !important;
}

.lp-archive-courses .course-item .course-content .wap-course-title a.course-permalink,
.lp-archive-courses .course-item .course-content .course-permalink .course-title {
	color: #1d1c1f !important;
	text-decoration: none;
	transition: color 0.15s ease;
}

.lp-archive-courses .course-item:hover .wap-course-title a.course-permalink,
.lp-archive-courses .course-item:hover .course-permalink .course-title {
	color: var(--main, #f6520a) !important;
}

.lp-archive-courses .course-item .course-wrap-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 14px;
	font-size: 12.5px !important;
	color: #7c7a76 !important;
	margin-bottom: 12px;
	width: 100%;
}

.lp-archive-courses .course-item .course-wrap-meta i,
.lp-archive-courses .course-item .course-instructor-category i {
	color: var(--main, #f6520a) !important;
	margin-right: 4px;
}

.lp-archive-courses .course-item .course-info {
	margin-top: auto;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding-top: 14px;
	border-top: 1px solid #f1efec;
	width: 100% !important;
}

.lp-archive-courses .course-item .course-info .course-readmore a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-family: var(--font-main), 'Lexend', sans-serif !important;
	font-style: normal !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	color: #fff !important;
	background: var(--main, #f6520a) !important;
	border: none !important;
	padding: 10px 20px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	white-space: nowrap;
}

.lp-archive-courses .course-item .course-info .course-readmore a::after {
	display: none !important;
}

.lp-archive-courses .course-item .course-info .course-readmore a:hover {
	background: #d94708 !important;
	color: #fff !important;
}

.lp-archive-courses .course-item .course-price,
.lp-archive-courses .course-item .price {
	font-weight: 700 !important;
	color: #1d1c1f !important;
	font-size: 16px !important;
}

@media (max-width: 700px) {
	.lp-archive-courses .learn-press-courses .course .course-item,
	.lp-archive-courses .profile-courses-list .course .course-item {
		flex-direction: column !important;
	}
	.lp-archive-courses .course-item .course-thumbnail {
		flex: 0 0 auto;
		aspect-ratio: 16 / 9;
	}
	.learn-press-courses-header {
		padding: 36px 18px;
	}
	.learn-press-courses-header h1 {
		font-size: 25px !important;
	}
}