/* ============================================================================
   Donanım Akademi — PAYLAŞIMLI KARTLAR
   Eğitim kartı (DA_CourseCard) + Blog kartı.

   Bu dosya yalnızca kart kullanan sayfalarda yüklenir (ana sayfa, katalog,
   eğitim detay, blog, blog detay, arama) — DA_Assets haritasına bakınız.
   ========================================================================== */

/* ============================ EĞİTİM KARTI ============================== */
.da-app .da-card {
	display: flex;
	flex-direction: column;
	border: 1px solid #ECE7E3;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	height: 100%;
}

/* --- Kapak (1:1) --------------------------------------------------------- */
.da-app .da-card-cover {
	position: relative;
	background: linear-gradient(135deg, #FFF6F4, #FBE3E2);
}
.da-app .da-card-chip {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	background: #fff;
	color: var(--da-red);
	font-size: 11.5px;
	font-weight: 700;
	padding: 6px 12px;
	border-radius: 999px;
	box-shadow: 0 4px 12px rgba(24,24,27,.08);
}

/* --- Gövde --------------------------------------------------------------- */
.da-app .da-card-body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 22px 22px 24px;
}
.da-app .da-card-title {
	font-size: 18.5px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--da-text);
}
.da-app .da-card-title a { color: inherit; }
.da-app .da-card-title a:hover { color: var(--da-red); }

.da-app .da-card-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px 8px;
	margin-top: 12px;
	font-size: 13.5px;
	color: var(--da-text-2);
	font-weight: 600;
}
.da-app .da-card-meta span { white-space: nowrap; }
.da-app .da-card-meta-sep { color: #D8D2CD; }

/* --- E-Devlet bandı (tam genişlik, sürekli shine) ------------------------ */
.da-app .da-card-band-wrap {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #F2ECE8;
}
.da-app .da-edevlet-band {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	background: var(--da-red);
	border-radius: 12px;
	padding: 11px 14px;
	box-shadow: 0 8px 20px rgba(208,32,38,.24);
}
/* (0,3,1) — Elementor `.elementor img{height:auto}` amblemi ezmesin */
.da-app .da-edevlet-band img {
	height: 22px;
	width: auto;
	display: block;
	flex-shrink: 0;
}
.da-app .da-edevlet-band > span {
	font-size: 12.5px;
	font-weight: 800;
	color: #fff;
}

/* --- Alt aksiyonlar ------------------------------------------------------ */
.da-app .da-card-actions {
	display: flex;
	gap: 8px;
	margin-top: 18px;
	align-items: stretch;
	/* Kart yükseklikleri grid'de eşitlensin diye aksiyonlar dibe yapışır */
	margin-top: auto;
	padding-top: 18px;
}
.da-app .da-card-cta {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	border-radius: 11px;
	border: 1.5px solid #F6DAD9;
	background: #FFF6F4;
	font-weight: 700;
	font-size: 14.5px;
	color: var(--da-red);
	text-align: center;
}
.da-app .da-card-wa {
	flex-shrink: 0;
	width: 50px;
	min-height: 46px;
	border-radius: 12px;
	background: var(--da-whatsapp);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 18px rgba(37,211,102,.26);
}

/* ============================= BLOG KARTI =============================== */
.da-app .da-pcard {
	display: flex;
	flex-direction: column;
	border: 1px solid #ECE7E3;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	height: 100%;
}
.da-app .da-pcard-cover-link { display: block; }
.da-app .da-pcard-cover { aspect-ratio: 16 / 10; }

.da-app .da-pcard-body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 20px 22px 22px;
}
.da-app .da-pcard-cat {
	align-self: flex-start;
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .6px;
	text-transform: uppercase;
	color: var(--da-red);
	background: var(--da-red-soft);
	padding: 5px 11px;
	border-radius: 999px;
}
.da-app .da-pcard-title {
	font-size: 17.5px;
	font-weight: 800;
	line-height: 1.32;
	margin-top: 12px;
	color: var(--da-text);
}
.da-app .da-pcard-title a { color: inherit; }
.da-app .da-pcard-title a:hover { color: var(--da-red); }

.da-app .da-pcard-excerpt {
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--da-text-2);
	margin-top: 10px;
}
.da-app .da-pcard-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: 16px;
	font-size: 13px;
	font-weight: 600;
	color: var(--da-muted);
}
.da-app .da-pcard-meta-sep { color: #D8D2CD; }

/* ============================== GRID ==================================== */
.da-app .da-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
.da-app .da-card-grid > * { min-width: 0; }

@media (max-width: 1023px) {
	.da-app .da-card-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
}
@media (max-width: 640px) {
	.da-app .da-card-grid { grid-template-columns: 1fr; gap: 20px; }
	.da-app .da-card-body { padding: 18px 18px 20px; }
	.da-app .da-card-title { font-size: 17px; }
}