/* ==========================================================================
   Blog yazısı (tekil post) okuma düzeni
   Sadece body.single-post'ta yüklenir. Amaç: dar okuma kolonu, tutarlı
   dikey ritim, başlık hiyerarşisi ve marka yazı tipleri (Fraunces + Inter).
   ========================================================================== */

.single-post {
	--pkb-ink: #2B2440;
	--pkb-ink-soft: #5B5470;
	--pkb-rose: #93436B;
	--pkb-rose-soft: #F3DCE6;
	--pkb-paper-soft: #F3ECE0;
	--pkb-line: #E6DDD3;
	--pkb-serif: 'Fraunces', Georgia, serif;
	--pkb-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--pkb-measure: 720px;
}

/* --- Okuma kolonu ------------------------------------------------------- */

.single-post .site-content .ast-container {
	max-width: calc(var(--pkb-measure) + 40px);
	padding-left: 20px;
	padding-right: 20px;
}

.single-post #primary {
	margin-top: 48px;
	margin-bottom: 64px;
	width: 100%;
}

/* --- Yazı başlığı alanı ------------------------------------------------- */

.single-post .entry-header {
	margin-bottom: 40px;
	text-align: left;
}

.single-post .entry-header .post-thumb-img-content {
	margin-bottom: 32px;
}

.single-post .entry-header .post-thumb-img-content img {
	width: 100%;
	height: auto;
	border-radius: 16px;
	display: block;
}

.single-post .entry-header .entry-title {
	font-family: var(--pkb-serif);
	font-weight: 500;
	font-size: 40px;
	line-height: 1.2;
	letter-spacing: -0.015em;
	color: var(--pkb-ink);
	margin: 0 0 14px;
}

.single-post .entry-header .entry-meta {
	font-family: var(--pkb-sans);
	font-size: 14px;
	line-height: 1.5;
	color: var(--pkb-ink-soft);
}

.single-post .entry-header .entry-meta a {
	color: var(--pkb-ink-soft);
	text-decoration: none;
}

.single-post .entry-header .entry-meta a:hover {
	color: var(--pkb-rose);
}

/* --- Gövde metni -------------------------------------------------------- */

.single-post .entry-content {
	font-family: var(--pkb-sans);
	font-size: 18px;
	line-height: 1.75;
	color: var(--pkb-ink);
}

/* Tüm doğrudan çocuklarda tek bir dikey ritim: üstte 0, altta 1.25em */
.single-post .entry-content > * {
	margin-top: 0;
	margin-bottom: 1.25em;
}

.single-post .entry-content p {
	margin-top: 0;
	margin-bottom: 1.25em;
}

.single-post .entry-content > *:last-child {
	margin-bottom: 0;
}

.single-post .entry-content a {
	color: var(--pkb-rose);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.single-post .entry-content a:hover {
	text-decoration-thickness: 2px;
}

.single-post .entry-content strong,
.single-post .entry-content b {
	font-weight: 600;
	color: var(--pkb-ink);
}

/* --- Başlıklar ---------------------------------------------------------- */

.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {
	color: var(--pkb-ink);
	letter-spacing: -0.01em;
	text-transform: none;
}

.single-post .entry-content h2 {
	font-family: var(--pkb-serif);
	font-weight: 500;
	font-size: 30px;
	line-height: 1.3;
	margin: 2em 0 0.6em;
}

.single-post .entry-content h3 {
	font-family: var(--pkb-serif);
	font-weight: 500;
	font-size: 23px;
	line-height: 1.35;
	margin: 1.75em 0 0.5em;
}

.single-post .entry-content h4 {
	font-family: var(--pkb-sans);
	font-weight: 600;
	font-size: 18px;
	line-height: 1.4;
	margin: 1.5em 0 0.4em;
}

/* Başlık başlığı takip ediyorsa arayı kapat */
.single-post .entry-content :is(h2, h3, h4) + :is(h3, h4) {
	margin-top: 0.4em;
}

.single-post .entry-content > :is(h2, h3, h4):first-child {
	margin-top: 0;
}

/* --- Listeler ----------------------------------------------------------- */

.single-post .entry-content ul,
.single-post .entry-content ol {
	margin-left: 0;
	padding-left: 1.4em;
}

.single-post .entry-content li {
	margin-bottom: 0.5em;
}

.single-post .entry-content li:last-child {
	margin-bottom: 0;
}

.single-post .entry-content li::marker {
	color: var(--pkb-rose);
}

/* --- Alıntılar (örnek cümleler) ----------------------------------------- */

.single-post .entry-content blockquote,
.single-post .entry-content .wp-block-quote {
	margin: 0 0 1.25em;
	padding: 14px 22px;
	border: 0;
	border-left: 3px solid var(--pkb-rose);
	border-radius: 0 10px 10px 0;
	background: var(--pkb-rose-soft);
	color: var(--pkb-ink);
	font-style: normal;
}

.single-post .entry-content blockquote p {
	margin: 0;
}

.single-post .entry-content blockquote p + p {
	margin-top: 0.75em;
}

.single-post .entry-content blockquote cite {
	display: block;
	margin-top: 8px;
	font-size: 14px;
	font-style: normal;
	color: var(--pkb-ink-soft);
}

/* --- Ayraç, görsel, arka planlı paragraf -------------------------------- */

.single-post .entry-content hr,
.single-post .entry-content .wp-block-separator {
	border: 0;
	border-top: 1px solid var(--pkb-line);
	margin: 2.5em 0;
	opacity: 1;
	width: 100%;
	max-width: none;
}

.single-post .entry-content figure,
.single-post .entry-content .wp-block-image {
	margin: 2em 0;
}

.single-post .entry-content .wp-block-image img {
	border-radius: 12px;
}

.single-post .entry-content figcaption {
	font-size: 14px;
	color: var(--pkb-ink-soft);
	text-align: center;
	margin-top: 8px;
}

.single-post .entry-content p.has-background {
	padding: 20px 24px;
	border-radius: 12px;
	background-color: var(--pkb-paper-soft) !important;
}

/* --- Yazı sonu: görüntülenme, yazı gezinmesi, yorumlar ------------------ */

.single-post .entry-content .post-views {
	margin-top: 2.5em;
	font-size: 13px;
	color: var(--pkb-ink-soft);
}

.single-post .post-navigation {
	margin-top: 56px;
	padding-top: 28px;
	border-top: 1px solid var(--pkb-line);
	font-family: var(--pkb-sans);
}

.single-post .post-navigation a {
	color: var(--pkb-rose);
	font-weight: 500;
	font-size: 15px;
}

.single-post .comments-area {
	margin-top: 48px;
	font-family: var(--pkb-sans);
}

.single-post .comments-area .comment-reply-title {
	font-family: var(--pkb-serif);
	font-weight: 500;
	font-size: 24px;
}

/* --- Tablet / mobil ----------------------------------------------------- */

@media (max-width: 921px) {
	.single-post #primary {
		margin-top: 32px;
		margin-bottom: 48px;
	}

	.single-post .entry-header .entry-title {
		font-size: 32px;
	}

	.single-post .entry-content h2 {
		font-size: 26px;
	}

	.single-post .entry-content h3 {
		font-size: 21px;
	}
}

@media (max-width: 544px) {
	.single-post .entry-header {
		margin-bottom: 28px;
	}

	.single-post .entry-header .post-thumb-img-content {
		margin-bottom: 24px;
	}

	.single-post .entry-header .post-thumb-img-content img {
		border-radius: 12px;
	}

	.single-post .entry-header .entry-title {
		font-size: 28px;
	}

	.single-post .entry-content {
		font-size: 17px;
		line-height: 1.7;
	}

	.single-post .entry-content h2 {
		font-size: 24px;
		margin-top: 1.75em;
	}

	.single-post .entry-content h3 {
		font-size: 20px;
	}

	.single-post .entry-content blockquote,
	.single-post .entry-content .wp-block-quote {
		padding: 12px 18px;
	}
}