/*
 * Merkez sayfalar ve dua eden grup sayfası.
 * Kaynak: docs/mockups/yeni/d-dua-edenler.html, d-durumlar.html, d-sureler.html, d-grup.html.
 */
.kd-merkez .intro p, .kd-grup .intro p { margin: 0 0 1rem; color: var(--ink-2); font-size: 1.03rem; line-height: 1.8; }

/* ============ İki sütunlu liste (Durumlar, Sureler) ============ */
.liste {
	display: grid; grid-template-columns: 1fr 1fr; list-style: none; margin: 2rem 0 0; padding: 0;
	background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); overflow: hidden;
}
.liste li { border-top: 1px solid var(--line); }
.liste li:nth-child(-n+2) { border-top: 0; }
.liste li:nth-child(odd) { border-right: 1px solid var(--line); }
.liste a { display: flex; align-items: center; gap: .85rem; min-height: 3.5rem; padding: .6rem 1.15rem; text-decoration: none; transition: background .15s; }
.liste a:hover { background: var(--hover); }
.liste b { flex: 1; font-weight: 600; font-size: .94rem; color: var(--baslik); }
.liste .c { font-size: .8rem; color: var(--muted); white-space: nowrap; }
.liste a > svg { color: var(--muted); }
.liste .num {
	width: 2.1rem; height: 2.1rem; border-radius: 10px; flex: none; display: grid; place-items: center;
	background: var(--gold-tint); color: var(--gold-text); font-weight: 700; font-size: .78rem; font-variant-numeric: lining-nums;
}

/* ============ Dua Edenler: grup kartları ============ */
.gruplar { display: grid; gap: 1rem; margin-top: 2rem; }
.gk { position: relative; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 1.5rem 1.5rem 1.35rem; border: 1px solid transparent; transition: border-color .15s; }
.gk:hover, .gk:focus-within { border-color: var(--gold-soft); }
.gk .top, .kisi .top { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.gk h2 { margin: 0; font-size: 1.7rem; }
.gk h2 a, .kisi .ad { color: inherit; text-decoration: none; }
.gk h2 a::after, .kisi .ad::after { content: ""; position: absolute; inset: 0; border-radius: var(--r); } /* kartın tamamı tıklanır */
.gk .n, .kisi .n { flex: none; font-size: .76rem; font-weight: 700; color: var(--gold-text); background: var(--gold-tint); border-radius: 999px; padding: .15rem .6rem; }
.gk .top + ul { margin-top: .9rem; } /* açıklama girilmemişse çizgi başlığa yapışmasın */
.gk p { margin: .45rem 0 1rem; font-size: .93rem; color: var(--ink-2); }
.gk ul { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: 0; padding: 1rem 0 0; border-top: 1px solid var(--line); }
.gk ul a {
	display: inline-flex; align-items: center; gap: .35rem; min-height: 2.5rem; padding: 0 .8rem;
	border-radius: 999px; border: 1px solid var(--line); background: var(--paper);
	font-size: .84rem; font-weight: 500; color: var(--ink-2); text-decoration: none; white-space: nowrap;
}
.gk ul a span { font-size: .72rem; color: var(--muted); }
.gk ul a:hover { border-color: var(--gold); background: var(--card); color: var(--baslik); }
.gk .more, .kisi .more { display: block; margin-top: 1rem; font-size: .86rem; font-weight: 600; color: var(--vurgu); }

/* ============ Grup sayfası: kişi kartları ============ */
.kisiler { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; list-style: none; margin: 2rem 0 0; padding: 0; }
.kisiler > li:last-child:nth-child(odd) { grid-column: 1 / -1; } /* tek sayıda kişide son kart boşluk bırakmasın */
.kisi {
	position: relative; display: flex; flex-direction: column; height: 100%;
	background: var(--card); border-radius: var(--r); box-shadow: var(--shadow);
	padding: 1.25rem 1.35rem 1.1rem; border: 1px solid transparent; transition: transform .15s, border-color .15s;
}
.kisi:hover, .kisi:focus-within { transform: translateY(-2px); border-color: var(--gold-soft); }
.kisi h2 { margin: 0; font-size: 1.45rem; }
.kisi ul { list-style: none; margin: .55rem 0 .8rem; padding: 0; } /* dua adları yalnızca önizleme; kartın tamamı tek bağlantıdır (mobilde yanlış dokunma olmasın) */
.kisi li { position: relative; padding: .2rem 0 .2rem .9rem; font-size: .86rem; line-height: 1.5; color: var(--ink-2); }
.kisi .ad::after { z-index: 1; } /* madde işaretli satırların (position: relative) üstünde kalsın: kartın her yeri kişi sayfasına gider */
.kisi li::before { content: ""; position: absolute; left: 0; top: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background: var(--gold); }
.kisi .more { margin-top: auto; padding-top: .8rem; border-top: 1px solid var(--line); }
.kisi .more b { color: var(--gold-text); font-weight: 700; }
.kisi:hover .more { color: var(--gold-text); }
.kd-grup section { margin-top: 3rem; scroll-margin-top: 5.5rem; }

@media (max-width: 640px) {
	.liste { grid-template-columns: 1fr; }
	.liste li:nth-child(2) { border-top: 1px solid var(--line); }
	.liste li:nth-child(odd) { border-right: 0; }
	.liste a { min-height: 3.25rem; }
	.gk { padding: 1.2rem 1.1rem 1.1rem; }
	.gk h2 { font-size: 1.45rem; }
	.gk ul a { min-height: 2.75rem; }
	.kisiler { grid-template-columns: 1fr; gap: .75rem; }
	.kisi { padding: 1.1rem 1.1rem 1rem; }
	.kisi h2 { font-size: 1.3rem; }
}