/**
 * Liste ve detay sayfaları: haber/duyuru/blog ızgarası, etkinlik kartları,
 * arama sonuçları, paylaşım satırı.
 */

.tume-liste-baslik {
	margin: clamp(2rem, 4vw, 3rem) 0 1.25rem;
	font-size: var(--wp--preset--font-size--xl);
	color: var(--c-koyu);
}

.tume-liste-baslik--gecmis {
	color: var(--c-gri);
}

.tume-arsiv__aciklama,
.tume-taksonomi__aciklama {
	max-width: 68ch;
	margin: 0 auto 1.5rem;
	text-align: center;
	color: #555;
}

/* ---------- Haber / duyuru / blog ızgarası ---------- */

.tume-haber-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
	gap: clamp(1.25rem, 2.4vw, 2rem);
	margin-top: 2rem;
}

.tume-haber-izgara--uc {
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

/* Dar ekranda tek sütuna düşmesin: iki haber yan yana kalır. */
@media (max-width: 560px) {
	.tume-haber-izgara,
	.tume-haber-izgara--uc {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.85rem;
	}

	.tume-haber--arsiv .tume-haber__ic {
		gap: 0.5rem;
		padding: 0.7rem 0.75rem 0.85rem;
	}

	.tume-haber__ust {
		flex-wrap: wrap;
		gap: 0.3rem;
	}

	.tume-haber__baslik--arsiv {
		font-size: var(--wp--preset--font-size--sm);
	}

	.tume-haber__ozet {
		font-size: var(--wp--preset--font-size--xs);
	}
}

/*
 * Kartın yerleşimi: haberler.css yalnızca anasayfada yükleniyor, arşivlerde
 * yok. Ortak olması gereken kutu/boşluk kuralları bu yüzden burada duruyor.
 */
.tume-haber--arsiv,
.tume-haber--arsiv .tume-haber__baglanti {
	height: 100%;
}

.tume-haber--arsiv .tume-haber__baglanti {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--c-beyaz);
	border: 1px solid #ececea;
	border-radius: var(--r-md);
	transition: transform var(--gecis), box-shadow var(--gecis);
}

.tume-haber--arsiv .tume-haber__baglanti:hover {
	transform: translateY(-3px);
	box-shadow: var(--golge-yumusak);
}

.tume-haber--arsiv .tume-haber__gorsel img {
	width: 100%;
	object-fit: cover;
	display: block;
}

.tume-haber--arsiv .tume-haber__ic {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 0.7rem;
	padding: 1rem 1.1rem 1.2rem;
}

.tume-haber--arsiv .tume-haber__devam {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 0.35rem;
	margin-top: auto;
	font-family: var(--f-menu);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--c-yesil);
}

.tume-haber--arsiv .tume-haber__baglanti:hover .tume-haber__devam {
	color: var(--c-koyu);
}

.tume-haber--arsiv .tume-haber__gorsel img {
	aspect-ratio: 16 / 10;
}

.tume-haber__ust {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0;
	font-family: var(--f-menu);
	font-size: var(--wp--preset--font-size--xs);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--c-gri);
}

.tume-haber__kategori {
	padding: 0.2rem 0.55rem;
	border-radius: var(--r-pill);
	background: var(--c-acik-yesil);
	color: var(--c-koyu);
	font-weight: 600;
}

.tume-haber__baslik--arsiv {
	font-family: var(--f-baslik);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 700;
	line-height: 1.12;
	color: var(--c-koyu);
}

.tume-haber__ozet {
	margin: 0;
	font-size: var(--wp--preset--font-size--sm);
	color: #555;
}

/* ---------- Etkinlikler ---------- */

.tume-etkinlik-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: clamp(1.25rem, 2.4vw, 2rem);
}

.tume-etkinlik-izgara--gecmis {
	opacity: 0.85;
}

.tume-etkinlik__baglanti {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	background: var(--c-beyaz);
	border: 1px solid #ececea;
	border-radius: var(--r-md);
	transition: transform var(--gecis), box-shadow var(--gecis);
}

.tume-etkinlik__baglanti:hover {
	transform: translateY(-3px);
	box-shadow: var(--golge-yumusak);
}

.tume-etkinlik__gorsel img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
}

.tume-etkinlik__ic {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.55rem;
	flex: 1;
	padding: 1.1rem 1.2rem 1.3rem;
}

/* Etiket ve ok aynı satırda kalsın */
.tume-etkinlik__ic .tume-haber__devam {
	align-self: flex-start;
	white-space: nowrap;
}

.tume-etkinlik__tarih,
.tume-etkinlik__konum {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0;
	font-family: var(--f-menu);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--c-yesil);
}

.tume-etkinlik__konum {
	color: var(--c-gri);
}

.tume-etkinlik__baslik {
	margin: 0;
	font-size: var(--wp--preset--font-size--lg);
	line-height: 1.12;
	color: var(--c-koyu);
}

/* ---------- Paylaşım ---------- */

.tume-paylas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
	margin-top: 2.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid #ececea;
}

.tume-paylas__etiket {
	font-family: var(--f-menu);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--c-gri);
}

.tume-paylas a {
	padding: 0.35rem 0.8rem;
	font-family: var(--f-menu);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border: 1px solid #ddd;
	border-radius: var(--r-pill);
	color: var(--c-koyu);
	transition: background var(--gecis), border-color var(--gecis), color var(--gecis);
}

.tume-paylas a:hover {
	background: var(--c-lime);
	border-color: var(--c-lime);
	color: var(--c-beyaz);
}

/* ---------- Arama ---------- */

.tume-arama {
	display: flex;
	gap: 0.6rem;
	max-width: 560px;
	margin: 0 auto 2.5rem;
}

.tume-arama__alan {
	flex: 1;
	min-width: 0;
	padding: 0.75rem 1rem;
	font: inherit;
	color: var(--c-siyah);
	background: var(--c-beyaz);
	border: 1px solid #d9dbd4;
	border-radius: var(--r-pill);
}

.tume-arama__alan:focus {
	outline: 2px solid var(--c-lime);
	outline-offset: 1px;
	border-color: var(--c-lime);
}

.tume-arama__buton {
	flex: 0 0 auto;
}

.tume-arama-sonuclari {
	display: grid;
	gap: 0.75rem;
	max-width: 820px;
	margin-inline: auto;
}

.tume-arama-sonuclari a {
	display: block;
	padding: 1.1rem 1.25rem;
	background: var(--c-beyaz);
	border: 1px solid #ececea;
	border-radius: var(--r-md);
	transition: border-color var(--gecis), box-shadow var(--gecis);
}

.tume-arama-sonuclari a:hover {
	border-color: var(--c-lime);
	box-shadow: var(--golge-yumusak);
}

.tume-arama-sonuclari__tur {
	font-family: var(--f-menu);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--c-yesil);
}

.tume-arama-sonuclari__baslik {
	margin: 0.2rem 0 0.35rem;
	font-size: var(--wp--preset--font-size--lg);
	color: var(--c-koyu);
}

.tume-arama-sonuclari p {
	margin: 0;
	font-size: var(--wp--preset--font-size--sm);
	color: #555;
}

.tume-arama-bos {
	text-align: center;
	color: #555;
}

/*
 * Tekil yazı / etkinlik sayfasındaki öne çıkan görsel (banner değil).
 *
 * Şablon .tume-container ile sarıyordu, o da 1200px. Görselin ölçüleri
 * hikayeler.css'te tanımlıydı ama o dosya yalnızca başarı hikayelerinde
 * yükleniyor; haber/duyuru/blog/etkinlik sayfalarında kural bulunamayınca
 * görsel 1200px'e yayılıyordu. Kural burada, gövde genişliğiyle (965px).
 */
.tume-hikaye-tek__foto {
	max-width: var(--container-metin);
	margin-bottom: 0;
}

.tume-hikaye-tek__foto img {
	width: 100%;
	max-height: 62svh;
	object-fit: cover;
	object-position: center 25%;
	border-radius: 16px;
}