/*
 * ÇandName CSS modülü: Yazı sayfası eklemeleri
 * Breadcrumb (sayfa yolu), önceki/sonraki yazı bağlantıları, okuma ilerleme çubuğu.
 * Bu dosya diğer CSS dosyalarından bağımsızdır; hata yalnızca bu alanı etkiler.
 * Yükleme sırası: inc/assets.php
 */

.breadcrumb { padding: 20px var(--gutter) 0; font-size: calc(13px * var(--fs, 1)); color: var(--muted); }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0; padding: 0; list-style: none; }
.breadcrumb li { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.breadcrumb li + li::before { content: "\203A"; color: var(--muted); }
.breadcrumb a { color: var(--body); }
.breadcrumb a:hover { color: var(--green); }
.breadcrumb-current { max-width: 40ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* The post page starts its own top padding right after the trail. */
.breadcrumb + .layout, .breadcrumb + main .layout { padding-top: 20px; }

.post-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 40px; }
.post-nav a {
	display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 4px;
	background: var(--surface); color: var(--ink);
}
.post-nav a:hover { border-color: var(--green); }
.post-nav-next { grid-column: 2; text-align: end; }
.post-nav-prev:only-child { grid-column: 1; }
.post-nav-label { color: var(--muted); font-size: calc(12px * var(--fs, 1)); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.post-nav-title { font-family: var(--serif); font-weight: 600; font-size: calc(16px * var(--fs, 1)); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 599px) {
	.post-nav { grid-template-columns: minmax(0, 1fr); }
	.post-nav-next { grid-column: 1; text-align: start; }
}

.reading-progress { position: fixed; top: 0; left: 0; width: 100%; max-width: 100%; z-index: 120; height: 3px; background: transparent; pointer-events: none; overflow: hidden; }
.admin-bar .reading-progress { top: 32px; }
@media (max-width: 782px) { .admin-bar .reading-progress { top: 46px; } }
/* Phones (<= 600px): the WordPress admin bar scrolls away, so the line sits at the very top of the screen (no gap). */
@media (max-width: 600px) { .admin-bar .reading-progress { top: 0; } }
.reading-progress span { display: block; width: 100%; max-width: 100%; height: 100%; background: var(--gold); transform: scaleX(0); transform-origin: 0 50%; will-change: transform; }
@media (prefers-reduced-motion: no-preference) { .reading-progress span { transition: transform .08s linear; } }
@media print { .reading-progress, .post-nav, .breadcrumb { display: none; } }