/*
 * ÇandName CSS modülü: Yazı sayfası tasarımları
 * Klasik (varsayılan, özgün tasarım), Sinema, Kenar notları, Kitap sayfası.
 * Seçim: ÇandName > Ayarlar > Yazı sayfası tasarımı (genel) ve yazı başına "Çand Yazı Ayarları > Sayfa tasarımı".
 * Sınıf: .layout.single-style-{anahtar} (ve <body>). Markup: classic/single.php (.entry-hero = başlık + öne çıkan görsel).
 * Bu dosya diğer CSS dosyalarından bağımsızdır; hata yalnızca bu alanı etkiler. Yükleme sırası: inc/assets.php
 */

/* Klasik: sarmalayıcı hiçbir şey değiştirmez. */
.entry-hero { display: contents; }
.entry-hero + .reader-bar { margin-top: -8px; }

/* ---------- SİNEMA ---------- */
.single-style-cinema .entry-hero {
	display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden;
	min-height: 300px; margin-bottom: 36px; border-radius: 6px; background: var(--green-dark); color: #fff;
}
.single-style-cinema .entry-hero.has-thumb { min-height: clamp(380px, 62vh, 620px); }
.single-style-cinema .entry-hero .entry-thumb { position: absolute; inset: 0; margin: 0; border-radius: 0; }
.single-style-cinema .entry-hero .entry-thumb img { width: 100%; height: 100%; max-height: none; object-fit: cover; }
.single-style-cinema .entry-hero.has-thumb::after { content: ""; position: absolute; inset: 0; background: var(--green-dark); opacity: .62; pointer-events: none; }
.single-style-cinema .entry-hero .entry-header { position: relative; z-index: 1; margin: 0; padding: clamp(24px, 5vw, 56px) clamp(20px, 5vw, 56px) clamp(48px, 6vw, 72px); max-width: 980px; }
.single-style-cinema .entry-title { color: #fff; font-size: calc(clamp(32px, 5.4vw, 62px) * var(--fs, 1)); line-height: 1.06; font-weight: 600; }
.single-style-cinema .entry-hero .entry-meta, .single-style-cinema .entry-hero .entry-meta a, .single-style-cinema .entry-hero .meta-icon { color: #dbe8df; }
.single-style-cinema .reader-bar {
	position: relative; z-index: 2; width: max-content; max-width: 100%; margin: -58px auto 32px; padding: 6px 16px;
	background: var(--surface); border: 1px solid var(--line); border-radius: 999px; box-shadow: 0 8px 24px rgba(18, 40, 28, .16);
}
.single-style-cinema .entry-content > p:first-child::first-letter {
	float: inline-start; margin: 6px 12px 0 0; font-family: var(--serif); font-weight: 700; font-size: 4.6em; line-height: .82; color: var(--green);
}
.single-style-cinema .entry-content blockquote {
	margin: 2em 0; padding: 8px 0; border: 0; text-align: center; font-weight: 600; font-size: calc(28px * var(--fs, 1)); line-height: 1.3; color: var(--ink);
}
.single-style-cinema .entry-content blockquote::before { content: "\201C"; display: block; font-family: var(--serif); font-size: 64px; line-height: .7; color: var(--gold); }
@media (max-width: 599px) {
	.single-style-cinema .reader-bar { width: auto; border-radius: 12px; margin-top: -40px; }
}

/* ---------- KENAR NOTLARI ---------- */
.single-style-margin .entry-header { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--ink); }
.single-style-margin .entry-title { font-size: calc(clamp(34px, 5.6vw, 66px) * var(--fs, 1)); line-height: 1.02; letter-spacing: -.02em; max-width: 18em; }
.single-style-margin .entry-content blockquote { background: var(--mint); border-inline-start: 0; border-radius: 4px; padding: 20px 26px; font-weight: 600; }
.single-style-margin .entry-content h2 { padding-top: .4em; }
@media (min-width: 1100px) {
	.single-style-margin .entry-content:has(> .toc) { display: grid; grid-template-columns: 210px minmax(0, 660px); column-gap: 48px; justify-content: center; }
	.single-style-margin .entry-content:has(> .toc) > * { grid-column: 2; }
	.single-style-margin .entry-content:has(> .toc) > .toc {
		grid-column: 1; grid-row: 1 / span 400; align-self: start; position: sticky; top: 96px; margin: 0;
		background: transparent; border: 0; border-radius: 0; padding: 0;
	}
	.single-style-margin .entry-content:has(> .toc) > .toc .toc-title { font-size: calc(12px * var(--fs, 1)); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-family: var(--sans); }
}
.single-style-margin .entry-content:not(:has(> .toc)) { max-width: 680px; margin-inline: auto; }

/* ---------- KİTAP SAYFASI ---------- */
.single-style-book .entry-hero.has-thumb {
	display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: center; margin-bottom: 40px;
}
@media (min-width: 800px) {
	.single-style-book .entry-hero.has-thumb { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 56px; }
}
.single-style-book .entry-hero .entry-header { margin: 0; }
.single-style-book .entry-title { font-size: calc(clamp(32px, 5vw, 58px) * var(--fs, 1)); line-height: 1.05; color: var(--green-dark); }
.single-style-book .entry-hero .entry-thumb {
	order: 2; margin: 0 14px 14px 0; width: 100%; max-width: 420px; justify-self: center; aspect-ratio: 3 / 4;
	border-radius: 220px 220px 6px 6px; box-shadow: 14px 14px 0 var(--gold); background: var(--green);
}
.single-style-book .entry-hero .entry-thumb img { width: 100%; height: 100%; max-height: none; object-fit: cover; border-radius: 0; }
.single-style-book .entry-content { counter-reset: chapter; }
.single-style-book .entry-content h2 { counter-increment: chapter; display: flex; gap: 20px; align-items: baseline; }
.single-style-book .entry-content h2::before {
	content: counter(chapter, upper-roman); flex: none; min-width: 1.5em; font-family: var(--serif); font-weight: 700; font-size: 1.9em; line-height: 1; color: var(--gold);
}
.single-style-book .entry-content blockquote {
	margin: 2em 0; padding: 28px 34px; border: 0; border-radius: 6px; background: var(--green-dark); color: #fff; font-weight: 600; font-size: calc(24px * var(--fs, 1)); line-height: 1.35;
}
.single-style-book .entry-content::after {
	content: "\25C6  \25C6  \25C6"; display: block; margin: 44px 0 8px; text-align: center; color: var(--red); letter-spacing: .5em; font-size: 18px;
}
@media print { .single-style-cinema .entry-hero::after { display: none; } }