/**
 * Paylaşılan madde kartı ve yer tutucu stilleri.
 *
 * Hem anasayfa hem arşiv sayfaları aynı kartı kullanıyor; iki dosyada
 * kopyalamak yerine buraya alındı.
 *
 * Renk değişkenleri kullanan sayfada tanımlı olmalı (.atlas-home veya
 * .atlas-archive). Kart kendi başına renk tanımlamıyor ki iki bağlamda
 * da çevresine uysun.
 *
 * @package astra-child
 */

/* ---------- Yer tutucu ---------- */

.atlas-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	min-height: 220px;
	border: 1px dashed var(--atlas-line);
	border-radius: 3px;
	background-color: var(--atlas-paper);
	background-image: repeating-linear-gradient(
		45deg,
		transparent,
		transparent 9px,
		rgba(142, 47, 60, 0.05) 9px,
		rgba(142, 47, 60, 0.05) 18px
	);
	color: var(--atlas-muted);
	font-size: 0.82em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.atlas-placeholder--sm {
	aspect-ratio: 16 / 10;
	min-height: 0;
}

/* ---------- Madde kartları ---------- */

.atlas-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	gap: 22px;
}

.atlas-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--atlas-line);
	border-radius: 3px;
	overflow: hidden;
	background: #fff;
}

.atlas-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--atlas-paper);
}

.atlas-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.atlas-card__media--empty .atlas-placeholder {
	min-height: 0;
	height: 100%;
	border: none;
	border-bottom: 1px solid var(--atlas-line);
}

.atlas-card__body {
	padding: 16px 18px 18px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1 1 auto;
}

.atlas-card__title {
	margin: 0;
	font-family: var(--atlas-display);
	font-weight: 600;
	font-size: 1.14em;
	line-height: 1.25;
}

.atlas-card__title a {
	text-decoration: none;
	color: inherit;
}

.atlas-card__title a:hover,
.atlas-card__title a:focus {
	text-decoration: underline;
}

.atlas-card__dates {
	margin: 0;
	font-size: 0.82em;
	color: var(--atlas-muted);
	font-variant-numeric: tabular-nums;
}

.atlas-card__summary {
	margin: 0;
	font-size: 0.9em;
	line-height: 1.55;
	color: var(--atlas-muted);
	flex: 1 1 auto;
}

.atlas-card__id {
	margin: 4px 0 0;
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 0.75em;
	color: var(--atlas-muted);
	letter-spacing: 0.03em;
}

.atlas-chip {
	align-self: flex-start;
	padding: 2px 9px;
	border-radius: 2px;
	font-size: 0.7em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	background: #f0efed;
	color: var(--atlas-muted);
}

.atlas-chip--sahis { background: #f4e6e8; color: var(--atlas-sahis); }
.atlas-chip--kurum { background: #e2edf3; color: var(--atlas-kurum); }
.atlas-chip--olay  { background: #f3eddd; color: var(--atlas-olay); }

.atlas-card--sahis { border-top: 3px solid var(--atlas-sahis); }
.atlas-card--kurum { border-top: 3px solid var(--atlas-kurum); }
.atlas-card--olay  { border-top: 3px solid var(--atlas-olay); }