/*
 * Yumurtalık Haber: tekil yazı (haber + köşe yazısı), paylaşım, galeri, ilgili haberler, yazar kutusu, yorumlar.
 * Yalnızca `is_single()` sayfalarında yüklenir (inc/assets.php). Kaynak: DESIGN.md, Figma 40:2 / 40:305 / 43:2 / 43:268.
 * Yalnızca token kullanır; ham hex yok.
 *
 * İçindekiler
 *  1. Sayfa kabuğu       5. İçerik tipografisi (.entry-content)   9. Yazar kutusu (biyografi dahil)
 *  2. Başlık, künye      6. Fotoğraf galerisi + ışık kutusu      10. Yorumlar
 *  3. Paylaş             7. Etiketler, önceki/sonraki             11. Mobil (<768)
 *  4. Görsel             8. İlgili haberler + "aynı kategoriden" şeridi
 */

/* ==========================================================================
   1. Sayfa kabuğu
   ========================================================================== */

.single-wrap {
	padding-top: 28px;
	padding-bottom: 64px;
}

.single-wrap > .breadcrumbs {
	margin-bottom: 28px;
}

.single-main {
	--single-gap: 24px;
	display: flex;
	flex-direction: column;
	gap: var(--single-gap);
	min-width: 0;
}

.single-main > * {
	min-width: 0;
}

.entry {
	display: flex;
	flex-direction: column;
	gap: var(--single-gap);
	min-width: 0;
}

/* ==========================================================================
   2. Başlık, künye satırı
   ========================================================================== */

.post-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--single-gap);
	min-width: 0;
}

.post-head__badge .cat-label {
	display: block;
	padding: 5.5px 10px;
	margin-block: -.5px;
	background: linear-gradient(var(--c-brand-tint-2), var(--c-brand-tint-2)) center / 100% 23px no-repeat;
}

.entry-title {
	margin: 0;
	max-width: 100%;
	color: var(--c-text);
	font-family: var(--f-serif);
	font-weight: 700;
	overflow-wrap: anywhere;
}

/* Haber H1: 40/50 (mobil 26/34) */
.entry-title--haber {
	font-size: clamp(26px, calc(26px + 14 * var(--k)), 40px);
	line-height: clamp(34px, calc(34px + 16 * var(--k)), 50px);
}

.entry-title--haber.is-long {
	font-size: clamp(22px, calc(22px + 8 * var(--k)), 30px);
	line-height: clamp(30px, calc(30px + 8 * var(--k)), 38px);
}

/* Köşe H1: 60/68 (mobil 40/46) */
.entry-title--kose {
	font-size: clamp(40px, calc(40px + 20 * var(--k)), 60px);
	line-height: clamp(46px, calc(46px + 22 * var(--k)), 68px);
}

.entry-title--kose.is-mid {
	font-size: clamp(32px, calc(32px + 12 * var(--k)), 44px);
	line-height: clamp(38px, calc(38px + 14 * var(--k)), 52px);
}

.entry-title--kose.is-long {
	font-size: clamp(26px, calc(26px + 8 * var(--k)), 34px);
	line-height: clamp(32px, calc(32px + 10 * var(--k)), 42px);
}

/* 400+ karakterlik başlık (veride 1 yazı): küçük punto, 8 satırla kırpılır; tam metin DOM'da. */
.entry-title.is-xlong {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	line-clamp: 8;
	overflow: hidden;
	font-size: clamp(18px, calc(18px + 4 * var(--k)), 22px);
	line-height: clamp(26px, calc(26px + 4 * var(--k)), 30px);
}

.post-head__spot {
	color: var(--c-text-2);
}

/* Künye satırı */
.post-byline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 0;
	border-block: 1px solid var(--c-border);
}

.post-byline__author {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.post-byline__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.post-byline__name {
	color: var(--c-text);
	font: 600 14px/17px var(--f-sans);
}

.post-byline__name a {
	display: inline-block;
	transition: color var(--dur-1) var(--ease-out);
}

.post-byline .post-meta {
	font-size: 12px;
	line-height: 15px;
}

/* Künye meta ayırıcısı ("·"): öğenin önünde sözde öğe. Satıra kayan öğenin ayırıcısı kapsayıcının sol kenarına
   düşer ve orada kırpılır (satır sonunda sarkan "·" kalmaz). Kapsayıcı ayırıcı genişliği kadar sola kayar;
   ilk öğe aynı kadar içeriden başladığından yerleşim değişmez. */
.post-byline .post-meta {
	margin-left: -1.1em;
	clip-path: inset(0 0 0 1.1em);
}

.post-byline .post-meta__item {
	position: relative;
	margin-left: 1.1em;
}

.post-byline .post-meta__item::before {
	content: "·";
	content: "·" / "";
	position: absolute;
	left: -1.1em;
	width: 1.1em;
	text-align: center;
}

.post-byline .post-meta__item:not(:last-child)::after {
	content: none;
}

/* Köşe yazısı: yazar başlığı */
.kose-author {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.kose-author__text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.kose-author__name {
	color: var(--c-text);
	font: 700 22px/29px var(--f-serif);
}

.kose-author__name a {
	display: inline-block;
	transition: color var(--dur-1) var(--ease-out);
}

.kose-author__role {
	color: var(--c-muted);
	font: 600 13px/16px var(--f-sans);
	letter-spacing: .06em;
	text-transform: uppercase;
}

.post-byline--kose .post-meta {
	font-size: 13px;
	line-height: 16px;
}

/* ==========================================================================
   3. Paylaş
   ========================================================================== */

.share {
	display: flex;
	flex: none;
	align-items: center;
	gap: 8px;
}

.share__label {
	color: var(--c-muted);
	font: 600 12px/15px var(--f-sans);
}

.share__list {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Bağlantı = etkin alan (masaüstü 32, mobil 44); görünen daire içteki .share__icon (her yerde 32). */
.share__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: var(--c-on-brand);
	transition: transform 160ms var(--ease-out);
}

.share__btn:active {
	transform: scale(.97);
}

.share__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid transparent;
	border-radius: 50%;
	transition: opacity var(--dur-1) var(--ease-out);
}

.share__btn--facebook .share__icon { background: var(--share-facebook); }
.share__btn--x .share__icon { background: var(--share-x); }
.share__btn--whatsapp .share__icon { background: var(--share-whatsapp); }
.share__btn--telegram .share__icon { background: var(--share-telegram); }
.share__btn--linkedin .share__icon { background: var(--share-linkedin); }

html[data-theme="dark"] .share__btn--x .share__icon {
	border-color: var(--c-border);
}

/* Alt paylaşım satırı (Figma "Paylaş Alt": üst/alt çizgi, 18 boşluk) */
.share--bottom {
	padding: 18px 0;
	border-block: 1px solid var(--c-border);
}

/* Düzeltme bağlantısı (C9): gövde sonunda küçük satır, paylaş satırının hemen üstünde */
.post-correction {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 10px;
	margin: 0;
	color: var(--c-muted);
	font: 400 13px/20px var(--f-sans);
}

.post-correction__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding-block: 8px; /* dokunma alanı ≥ 36 px */
	color: var(--c-brand);
	font-weight: 600;
}

/* ==========================================================================
   4. Öne çıkan görsel
   ========================================================================== */

.post-media {
	display: flex;
	flex-direction: column;
	gap: var(--single-gap);
	margin: 0;
}

.post-media__frame {
	background: var(--c-surface);
}

.post-media__frame img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1000 / 560;
	object-fit: cover;
}

.post-media__caption {
	color: var(--c-muted);
	font: 400 12px/15px var(--f-sans);
}

/* ==========================================================================
   5. İçerik tipografisi (.entry-content)
   Haber gövdesi Inter 400 18/31 (mobil 16/28), köşe gövdesi Playfair 400 19/33 (mobil 17/29).
   ========================================================================== */

.single-main .entry-content {
	--flow: 24px;
	min-width: 0;
	color: var(--c-text-body);
	font: 400 18px/31px var(--f-sans);
	overflow-wrap: break-word;
	display: flow-root;
}

.single-main .entry-content--kose {
	font: 400 19px/33px var(--f-serif);
}

.single-main .entry-content > * {
	margin: 0;
}

.single-main .entry-content > * + *,
.single-main .entry-content p + p {
	margin-top: var(--flow);
}

.single-main .entry-content a {
	color: var(--c-brand);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color var(--dur-1) var(--ease-out);
}

.single-main .entry-content strong,
.single-main .entry-content b {
	font-weight: 700;
}

/* Başlıklar: DESIGN.md tablosundan (bölüm 24/32, orta kart 21/28, kart 19/26; mobilde bir kademe küçük) */
.single-main .entry-content h2,
.single-main .entry-content h3,
.single-main .entry-content h4,
.single-main .entry-content h5,
.single-main .entry-content h6 {
	color: var(--c-text);
	font-family: var(--f-serif);
	font-weight: 700;
	overflow-wrap: anywhere;
}

.single-main .entry-content h2 {
	margin-top: 40px;
	font-size: 24px;
	line-height: 32px;
}

.single-main .entry-content h3 {
	margin-top: 32px;
	font-size: 21px;
	line-height: 28px;
}

.single-main .entry-content h4,
.single-main .entry-content h5,
.single-main .entry-content h6 {
	margin-top: 28px;
	font-size: 19px;
	line-height: 26px;
}

.single-main .entry-content h2 + *,
.single-main .entry-content h3 + *,
.single-main .entry-content h4 + *,
.single-main .entry-content h5 + *,
.single-main .entry-content h6 + * {
	margin-top: 14px;
}

.single-main .entry-content > h2:first-child,
.single-main .entry-content > h3:first-child,
.single-main .entry-content > h4:first-child {
	margin-top: 0;
}

/* Listeler */
.single-main .entry-content ul,
.single-main .entry-content ol {
	padding-left: 1.5em;
}

.single-main .entry-content ul {
	list-style: disc;
}

.single-main .entry-content ol {
	list-style: decimal;
}

.single-main .entry-content li {
	padding-left: .2em;
}

.single-main .entry-content li + li {
	margin-top: 8px;
}

.single-main .entry-content li > ul,
.single-main .entry-content li > ol {
	margin-top: 8px;
}

.single-main .entry-content li::marker {
	color: var(--c-muted);
}

/* Alıntı: görünüm (zemin, “ işareti, italik, çizgisiz) main.css'te ortak; burada yalnızca boyut (Figma 43:113: 26/36, mobil 21/29). */
.single-main .entry-content blockquote {
	font-size: clamp(21px, calc(21px + 5 * var(--k)), 26px);
	line-height: clamp(29px, calc(29px + 7 * var(--k)), 36px);
}

.single-main .entry-content blockquote > * + * {
	margin-top: 12px;
}

.single-main .entry-content blockquote cite {
	display: block;
	color: var(--c-muted);
	font: normal 600 13px/16px var(--f-sans);
}

/* Yatay çizgi */
.single-main .entry-content hr {
	height: 0;
	margin-block: 32px;
	border: 0;
	border-top: 1px solid var(--c-border);
}

/* Görsel: taşma yok, satır içi width/height ezilir (eski içerikte `size-medium` + sabit boyut var). Görseller blok:
   paragraf ortasındaki görsel metni böler, art arda görseller alt alta dizilir. */
.single-main .entry-content img {
	display: block;
	max-width: 100% !important;
	height: auto !important;
}

.single-main .entry-content img + img,
.single-main .entry-content a + a > img {
	margin-top: 16px;
}

.single-main .entry-content [style*="text-align: center"] > img,
.single-main .entry-content [style*="text-align:center"] > img,
.single-main .entry-content [style*="text-align: center"] > a > img,
.single-main .entry-content [style*="text-align:center"] > a > img {
	margin-inline: auto;
}

.single-main .entry-content [style*="text-align: right"] > img,
.single-main .entry-content [style*="text-align:right"] > img {
	margin-left: auto;
}

.single-main .entry-content img.emoji,
.single-main .entry-content img.wp-smiley {
	display: inline !important;
	width: 1em !important;
	height: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -.1em !important;
}

.single-main .entry-content .alignnone {
	margin-inline: 0;
}

.single-main .entry-content .aligncenter {
	display: block;
	margin-inline: auto;
	text-align: center;
}

.single-main .entry-content .alignleft {
	float: left;
	max-width: 50%;
	margin: 6px 24px 12px 0;
}

.single-main .entry-content .alignright {
	float: right;
	max-width: 50%;
	margin: 6px 0 12px 24px;
}

/* Alt yazılı görsel */
.single-main .entry-content .wp-caption,
.single-main .entry-content figure {
	max-width: 100%;
}

.single-main .entry-content figure {
	margin-inline: 0;
}

.single-main .entry-content .wp-caption img,
.single-main .entry-content figure img {
	display: block;
}

.single-main .entry-content figcaption,
.single-main .entry-content .wp-caption-text {
	margin-top: 8px;
	color: var(--c-muted);
	font: 400 12px/16px var(--f-sans);
	text-align: left;
}

/* Gömülü içerik: 16:9 duyarlı */
.single-main .entry-content iframe,
.single-main .entry-content embed,
.single-main .entry-content object {
	display: block;
	width: 100%;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	border: 0;
}

.single-main .entry-content video {
	display: block;
	width: 100%;
	height: auto;
}

/* Tablo */
.single-main .entry-content table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	color: var(--c-text-body);
	font: 400 15px/22px var(--f-sans);
}

.single-main .entry-content th,
.single-main .entry-content td {
	padding: 10px 14px;
	border: 1px solid var(--c-border);
	text-align: left;
	vertical-align: top;
}

.single-main .entry-content th {
	background: var(--c-surface);
	color: var(--c-text);
	font-weight: 600;
}

/* Kod */
.single-main .entry-content pre {
	padding: 16px;
	overflow-x: auto;
	background: var(--c-surface);
	font: 400 14px/22px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.single-main .entry-content code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: .9em;
}

/* [gallery] kısa kodu (eski içerik) */
.single-main .entry-content .gallery {
	display: grid;
	grid-template-columns: repeat(var(--gallery-cols, 3), minmax(0, 1fr));
	gap: 14px;
}

.single-main .entry-content .gallery-columns-1 { --gallery-cols: 1; }
.single-main .entry-content .gallery-columns-2 { --gallery-cols: 2; }
.single-main .entry-content .gallery-columns-4 { --gallery-cols: 4; }
.single-main .entry-content .gallery-columns-5 { --gallery-cols: 5; }

.single-main .entry-content .gallery-item {
	margin: 0;
}

.single-main .entry-content .gallery-icon img {
	width: 100%;
}

/* Eski içerikteki satır içi biçimler: yazı tipi/punto/satır aralığı temanınkine döner; koyu temada renk de. */
.single-main .entry-content [style*="font-family"] {
	font-family: inherit !important;
}

.single-main .entry-content [style*="font-size"] {
	font-size: inherit !important;
}

.single-main .entry-content [style*="line-height"] {
	line-height: inherit !important;
}

.single-main .entry-content font {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
}

html[data-theme="dark"] .single-main .entry-content [style*="color"],
html[data-theme="dark"] .single-main .entry-content [style*="background"] {
	background-color: transparent !important;
	color: inherit !important;
}

html[data-theme="dark"] .single-main .entry-content a[style*="color"] {
	color: var(--c-brand) !important;
}

.page-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 24px;
	font: 600 13px/16px var(--f-sans);
}

.page-links__label {
	margin-right: 4px;
	color: var(--c-muted);
}

.page-links__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 12px;
	border: 1px solid var(--c-border);
	border-radius: 8px;
}

.page-links > a .page-links__item {
	color: var(--c-brand);
}

.page-links > .page-links__item {
	border-color: var(--c-ink);
	background: var(--c-ink);
	color: var(--c-on-ink);
}

/* ==========================================================================
   6. Fotoğraf galerisi + ışık kutusu (Figma 40:114 / 40:365)
   ========================================================================== */

.photo-gallery {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.photo-gallery__title {
	color: var(--c-text);
	font: 700 22px/29px var(--f-serif);
}

.photo-gallery__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.photo-gallery__cell {
	min-width: 0;
}

.photo-gallery__item {
	display: block;
	overflow: hidden;
	aspect-ratio: 388 / 250;
	background: var(--c-surface);
}

.photo-gallery__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--dur-3) var(--ease-out);
}

/* Tek fotoğraf: tam genişlik */
.photo-gallery__cell:only-child {
	grid-column: 1 / -1;
}

.photo-gallery__cell:only-child .photo-gallery__item {
	aspect-ratio: 790 / 442;
}

html.has-lightbox {
	overflow: hidden;
}

/* <dialog> tam ekran; açılış: opaklık 0→1 (dialog = arka plan) + görsel scale(.96)→1 merkezden, --dur-2;
   kapanış 150ms. Yeni değer `display`/`overlay` kesikli geçişle kapanış animasyonu için (desteklenmezse anında). */
.lightbox {
	--lb-scale: .96;
	position: fixed;
	inset: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: color-mix(in srgb, var(--c-navy) 97%, transparent);
	color: var(--c-on-navy);
	opacity: 0;
	transition: opacity 150ms var(--ease-out), overlay 150ms allow-discrete, display 150ms allow-discrete;
}

.lightbox[open] {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition-duration: var(--dur-2);
}

@starting-style {
	.lightbox[open] {
		opacity: 0;
	}
}

.lightbox::backdrop {
	background: transparent;
}

.lightbox :focus-visible {
	outline-color: var(--c-on-navy-link);
}

.lightbox__figure {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	max-width: calc(100vw - 144px);
	margin: 0;
	transform: scale(var(--lb-scale));
	transition: transform 150ms var(--ease-out);
}

.lightbox[open] .lightbox__figure {
	transform: none;
	transition-duration: var(--dur-2);
}

@starting-style {
	.lightbox[open] .lightbox__figure {
		transform: scale(var(--lb-scale));
	}
}

.lightbox__img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: calc(100vh - 120px);
	object-fit: contain;
}

.lightbox__count {
	color: var(--c-on-navy-3);
	font: 500 13px/16px var(--f-sans);
}

.lightbox__btn {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0 0 4px;
	border: 1px solid var(--c-navy-pill);
	border-radius: 50%;
	background: var(--c-navy-line);
	color: var(--c-on-navy);
	font: 400 28px/1 var(--f-sans);
	cursor: pointer;
	transition: background-color var(--dur-1) var(--ease-out), transform 160ms var(--ease-out);
}

.lightbox__btn:active {
	transform: scale(.97);
}

.lightbox__close {
	top: 20px;
	right: 20px;
}

.lightbox__prev,
.lightbox__next {
	top: 50%;
	transform: translateY(-50%);
}

.lightbox__prev:active,
.lightbox__next:active {
	transform: translateY(-50%) scale(.97);
}

.lightbox__prev {
	left: 20px;
}

.lightbox__next {
	right: 20px;
}

/* Azaltılmış hareket: yalnızca opaklık (ortak main.css kuralı süreleri 0'a çeker; burada fade geri verilir) */
@media (prefers-reduced-motion: reduce) {
	.lightbox {
		--lb-scale: 1;
		transition-duration: 150ms !important;
	}

	.lightbox[open] {
		transition-duration: var(--dur-2) !important;
	}

	.lightbox__figure,
	.lightbox[open] .lightbox__figure,
	.lightbox__btn:active {
		transition: none !important;
		transform: none !important;
	}

	.lightbox__prev:active,
	.lightbox__next:active {
		transform: translateY(-50%) !important;
	}
}

/* ==========================================================================
   7. Etiketler, önceki / sonraki
   ========================================================================== */

.post-tags__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.post-tags__item {
	display: inline-block;
	padding: 7px 14px;
	border: 1px solid var(--c-border);
	border-radius: var(--radius-pill);
	color: var(--c-text-2);
	font: 500 12px/15px var(--f-sans);
	transition: color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);
}

.post-nav {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.post-nav__item {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	padding: 18px 20px;
	background: var(--c-surface);
	transition: transform 160ms var(--ease-out);
}

.post-nav__item:active {
	transform: scale(.97);
}

.post-nav__item--next {
	grid-column: 2;
	align-items: flex-end;
	text-align: right;
}

.post-nav__label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--c-brand);
	font: 600 12px/15px var(--f-sans);
}

.post-nav__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	max-width: 100%;
	overflow: hidden;
	color: var(--c-text);
	font: 700 17px/24px var(--f-serif);
	overflow-wrap: anywhere;
	transition: color var(--dur-1) var(--ease-out);
}

/* ==========================================================================
   8. İlgili haberler (Figma 40:142 / 40:390)
   ========================================================================== */

.related {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding-top: 12px;
}

.related .section-title {
	gap: 14px;
}

.related .section-title__text {
	font: 700 22px/29px var(--f-serif);
}

.related__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

/* Tablet ve dar masaüstü (ana sütun 750'nin altında; 4 sütunda kart 170 px'in altına inerdi): 2 sütun */
@media (min-width: 768px) and (max-width: 1199px) {
	.related__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.related-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.related-card__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 250 / 160;
	background: var(--c-surface);
}

.related-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--dur-3) var(--ease-out);
}

.related-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	min-width: 0;
}

.related-card__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	overflow: hidden;
	color: var(--c-text);
	font: 700 16px/22px var(--f-serif);
}

.related-card__title a {
	transition: color var(--dur-1) var(--ease-out);
}

/* Kategori etiketi bağlantısı: etkin alan masaüstü ≥24, mobil ≥44 (görünüm aynı; boşluk içine taşar) */
.related-card .cat-label {
	display: block;
	padding-block: 6px;
	margin-block: -6px;
}

.cat-strip {
	--tap: 24px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding-top: 12px;
	min-width: 0;
}

.cat-strip .section-title {
	gap: 14px;
}

.cat-strip .section-title__text {
	font: 700 22px/29px var(--f-serif);
}

/* "Aynı kategoriden" şeridi: yatay kaydırma + yakalama (JS yok). Kaydırma alanı klavyeyle odaklanır (ok tuşları). */
.cat-strip__track {
	display: flex;
	gap: 16px;
	padding-bottom: 14px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
	scrollbar-color: var(--c-border-strong) transparent;
}

.cat-strip__item {
	flex: 0 0 200px;
	min-width: 0;
	scroll-snap-align: start;
}

/* Küçük kart bu şeritte dikey: görsel üstte, başlık (en çok 3 satır) ve tarih altta */
.cat-strip .card--small {
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
}

.cat-strip .card--small .card__media {
	width: 100%;
	aspect-ratio: 3 / 2;
}

.cat-strip .card--small .card__body {
	gap: 6px;
}

/* Başlık bağlantısının etkin alanı en az --tap yüksekliğinde (kısa başlıkta alt boşluğa taşar; görünüm aynı).
   Başlık kutusu kırpmaz, 3 satır sınırı bağlantıda. */
.cat-strip .card__title {
	display: flow-root;
	overflow: visible;
}

.cat-strip .card__title a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
	border-bottom: max(0px, calc(var(--tap) - 1lh)) solid transparent;
	margin-bottom: min(0px, calc(1lh - var(--tap)));
}

/* Kategori etiketi bağlantısı: etkin alan masaüstü ≥24, mobil ≥44 (görünüm aynı; boşluk içine taşar) */
.cat-strip .cat-label {
	display: block;
	padding-block: 6px;
	margin-block: -6px;
}

@media (prefers-reduced-motion: reduce) {
	.cat-strip__track {
		scroll-snap-type: none;
		scroll-behavior: auto;
	}
}

/* ==========================================================================
   9. Yazar kutusu (Figma 43:116 / 43:342)
   ========================================================================== */

.author-box {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	width: fit-content;
	max-width: 100%;
	min-width: min(100%, 379px);
	padding: 24px;
	background: var(--c-surface);
}

.author-box__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-width: 0;
}

/* Biyografisi olan kutu tam genişlik (uzun metin zaten genişletir; kısa biyografide de aynı boy) */
.author-box:has(.author-box__bio) {
	width: 100%;
}

.author-box__name {
	color: var(--c-text);
	font: 700 22px/29px var(--f-serif);
}

.author-box__name a {
	display: inline-block;
	transition: color var(--dur-1) var(--ease-out);
}

.author-box__role {
	color: var(--c-muted);
	font: 400 13px/16px var(--f-sans);
}

/* Sosyal profil bağlantıları: yazar sayfasındaki yuvarlak ikon düğmeleriyle aynı dil (32 px; mobilde 44 px) */
.author-box__social {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block: 4px 2px;
}

.author-box__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--c-border-strong);
	border-radius: 50%;
	background: var(--c-card);
	color: var(--c-text);
	transition:
		color var(--dur-1) var(--ease-out),
		border-color var(--dur-1) var(--ease-out),
		transform 160ms var(--ease-out);
}

.author-box__social-link:active {
	transform: scale(.97);
}

.author-box__heading {
	color: var(--c-muted);
	font: 600 12px/15px var(--f-sans);
	letter-spacing: .06em;
	text-transform: uppercase;
}

/* Biyografi: tam metin HTML'de; `is-clamped` sınıfını single.js ekler (JS yoksa metnin tamamı görünür) */
.author-box__bio {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	min-width: 0;
	margin-block: 4px 2px;
}

.author-box__bio-text {
	color: var(--c-text-2);
	font: 400 14px/23px var(--f-sans);
	white-space: pre-line;
	overflow-wrap: anywhere;
}

.author-box__bio-text.is-clamped {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	overflow: hidden;
}

.author-box__bio-toggle {
	margin-block: -5px;
	padding: 5px 0;
	border: 0;
	background: none;
	color: var(--c-brand);
	font: 600 13px/16px var(--f-sans);
	transition: transform 160ms var(--ease-out);
}

.author-box__bio-toggle:active {
	transform: scale(.97);
}

.author-box__bio + .author-box__heading {
	margin-top: 8px;
}

.author-box__list {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.author-box__list a {
	display: flex;
	align-items: baseline;
	gap: 8px;
	padding-block: 3px;
	margin-block: -3px;
	color: var(--c-brand);
	font: 600 16px/21px var(--f-serif);
}

.author-box__list a .icon {
	position: relative;
	top: 1px;
	flex: none;
}

.author-box__list a span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.author-box__all {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-block: 2px -4px;
	padding-block: 4px;
	color: var(--c-brand);
	font: 600 13px/16px var(--f-sans);
	white-space: nowrap;
}

/* ==========================================================================
   10. Yorumlar (Figma 40:162 "Yorum Yaz"; liste Figma'da yok: aynı kart dilinde)
   ========================================================================== */

.comments {
	display: flex;
	flex-direction: column;
	gap: var(--single-gap);
	min-width: 0;
}

.comments__list-wrap {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding-top: 12px;
}

.comments__heading .section-title__text {
	font: 700 22px/29px var(--f-serif);
}

.comments__count {
	color: var(--c-muted);
	font-weight: 600;
}

.comment-list {
	display: flex;
	flex-direction: column;
}

.comment-list > .comment {
	padding: 22px 0;
	border-bottom: 1px solid var(--c-border);
}

.comment-list > .comment:first-child {
	padding-top: 4px;
}

.comment-list .children {
	display: flex;
	flex-direction: column;
	gap: 22px;
	margin: 22px 0 0 20px;
	padding-left: 24px;
	border-left: 2px solid var(--c-border);
}

.comment__head {
	display: flex;
	align-items: center;
	gap: 12px;
}

.comment__who {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.comment__author {
	color: var(--c-text);
	font: 600 14px/17px var(--f-sans);
	overflow-wrap: anywhere;
}

.comment__date {
	display: block;
	padding-block: 4.5px;
	margin-block: -4.5px;
	color: var(--c-muted);
	font: 400 12px/15px var(--f-sans);
	transition: color var(--dur-1) var(--ease-out);
}

.comment__pending {
	margin-top: 10px;
	color: var(--c-muted);
	font: italic 400 13px/18px var(--f-sans);
}

.comment__text {
	margin-top: 12px;
	color: var(--c-text-body);
	font: 400 15px/24px var(--f-sans);
	overflow-wrap: anywhere;
}

.comment__text > * + * {
	margin-top: 12px;
}

.comment__text a {
	color: var(--c-brand);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.comment__actions {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 10px;
	font: 600 12px/15px var(--f-sans);
}

.comment__actions:empty {
	display: none;
}

.comment__reply a,
.comment__edit a {
	display: block;
	min-width: 44px;
	padding-block: 4.5px;
	margin-block: -4.5px;
	color: var(--c-brand);
}

.comments__nav {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	color: var(--c-brand);
	font: 600 13px/16px var(--f-sans);
}

.comments__nav a {
	display: block;
	padding-block: 4px;
	margin-block: -4px;
}

.comments__closed {
	color: var(--c-muted);
	font: 400 13px/18px var(--f-sans);
}

/* "Yorum Yaz" kutusu: haberde --c-surface dolgulu, köşe yazısında 1 px kenarlı */
.comment-respond {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 28px;
}

.comment-respond--haber {
	background: var(--c-surface);
}

.comment-respond--kose {
	border: 1px solid var(--c-border);
}

.comment-reply-title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 12px;
	color: var(--c-text);
	font: 700 22px/29px var(--f-serif);
}

.comment-reply-title small {
	font: 600 13px/16px var(--f-sans);
}

.comment-reply-title small a {
	display: inline-block;
	padding-block: 4.5px;
	margin-block: -4.5px;
	color: var(--c-brand);
}

.comment-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.comment-form > p {
	margin: 0;
}

.comment-form .comment-notes,
.comment-form .logged-in-as,
.comment-form .must-log-in,
.comment-form .comment-form-comment,
.comment-form .comment-form-cookies-consent,
.comment-form .form-submit {
	grid-column: 1 / -1;
}

.comment-form .comment-notes,
.comment-form .logged-in-as,
.comment-form .must-log-in {
	color: var(--c-muted);
	font: 400 13px/16px var(--f-sans);
}

.comment-form .logged-in-as a,
.comment-form .must-log-in a {
	color: var(--c-brand);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.comment-form label {
	display: block;
	margin-bottom: 6px;
	color: var(--c-text);
	font: 600 13px/16px var(--f-sans);
}

.comment-form .field {
	padding: 14px 16px;
	border-radius: 8px;
	font: 400 14px/17px var(--f-sans);
}

.comment-form textarea.field {
	min-height: 120px;
	line-height: 17px;
}

.comment-form .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

/* Onay kutusu: etkin alan 24 (mobil 44), görünen kutu 20; yerleşim yerel kutuyla aynı */
.comment-form .comment-form-cookies-consent input {
	position: relative;
	flex: none;
	appearance: none;
	width: 24px;
	height: 24px;
	margin: -3px -2px -3px -2px;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.comment-form .comment-form-cookies-consent input::before {
	content: "";
	position: absolute;
	inset: 2px;
	border: 1px solid var(--c-border-input);
	border-radius: 4px;
	background: var(--c-card);
	transition: background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);
}

.comment-form .comment-form-cookies-consent input::after {
	content: "";
	position: absolute;
	top: calc(50% - 7px);
	left: calc(50% - 4px);
	width: 5px;
	height: 10px;
	border: solid var(--c-on-brand);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) scale(0);
	transition: transform var(--dur-1) var(--ease-out);
}

.comment-form .comment-form-cookies-consent input:checked::before {
	border-color: var(--c-brand-fill);
	background: var(--c-brand-fill);
}

.comment-form .comment-form-cookies-consent input:checked::after {
	transform: rotate(45deg) scale(1);
}

.comment-form .comment-form-cookies-consent label {
	margin: 0;
	color: var(--c-text-2);
	font: 400 13px/18px var(--f-sans);
}

.comment-form .form-submit {
	display: flex;
}

.comment-form .submit {
	padding: 12px 22px;
	font: 600 13px/16px var(--f-sans);
	transition: transform 160ms var(--ease-out), opacity var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);
}

.comment-form .submit:active {
	transform: scale(.97);
}

/* ==========================================================================
   Hover: yalnızca gerçek hover'lı ince işaretçide (dokunmatikte yapışmasın)
   ========================================================================== */

@media (hover: hover) and (pointer: fine) {
	.kose-author__name a:hover,
	.post-byline__name a:hover,
	.author-box__name a:hover,
	.related-card__title a:hover,
	.comment__date:hover,
	.post-nav__item:hover .post-nav__title {
		color: var(--c-brand);
	}

	.share__btn:hover .share__icon {
		opacity: .85;
	}

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

	.post-correction__link:hover {
		text-decoration: underline;
	}

	.photo-gallery__item:hover img,
	.related-card:hover .related-card__media img {
		transform: scale(1.03);
	}

	.lightbox__btn:hover {
		background: var(--c-navy-pill);
	}

	.post-tags__item:hover {
		border-color: var(--c-brand);
		color: var(--c-brand);
	}

	.post-tags__item:hover::before {
		border-color: var(--c-brand);
	}

	.author-box__social-link:hover {
		border-color: var(--c-brand);
		color: var(--c-brand);
	}

	.author-box__list a:hover span,
	.author-box__all:hover span,
	.author-box__bio-toggle:hover,
	.comment__reply a:hover,
	.comment__edit a:hover {
		text-decoration: underline;
	}
}

/* ==========================================================================
   11. Mobil (<768): Figma 390 düzeni
   ========================================================================== */

@media (max-width: 767px) {
	.single-wrap {
		padding-top: 20px;
		padding-bottom: 32px;
	}

	.single-wrap > .breadcrumbs {
		margin-bottom: 18px;
	}

	/* Figma 390: yol "Anasayfa › Kategori"; başlık satırı yok, kategori koyu/orta */
	.single-wrap .breadcrumbs__item--current {
		display: none;
	}

	.single-wrap .breadcrumbs__item:nth-last-child(2) {
		color: var(--c-text);
		font-weight: 500;
	}

	.single-main {
		--single-gap: 18px;
	}

	.single-wrap .layout__aside {
		margin-top: 32px;
	}

	/* Künye: haberde yalnızca yazar satırı (paylaş altta); köşede meta + paylaş alt alta */
	.post-byline {
		padding: 0;
		border: 0;
	}

	.post-byline .avatar-circle {
		width: 34px;
		height: 34px;
	}

	.post-byline__author {
		gap: 10px;
	}

	.post-byline__name {
		font-size: 13px;
		line-height: 16px;
	}

	.post-byline .post-meta {
		font-size: 11px;
		line-height: 13px;
	}

	.entry--haber .post-byline .share--top {
		display: none;
	}

	.post-byline--kose {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--single-gap);
	}

	.post-byline--kose .post-meta {
		font-size: 12px;
		line-height: 15px;
	}

	/* Köşe başlığı */
	.kose-author {
		gap: 12px;
	}

	.kose-author .avatar-circle {
		width: 48px;
		height: 48px;
	}

	.kose-author__text {
		gap: 2px;
	}

	.kose-author__name {
		font-size: 18px;
		line-height: 24px;
	}

	.kose-author__role {
		font-size: 11px;
		line-height: 13px;
	}

	a.cat-label.post-head__kose-label {
		display: none;
	}

	/* Paylaş (alt): çizgisiz */
	.share--bottom {
		padding: 0;
		border: 0;
	}

	/* Dokunma hedefleri ≥44×44 (görünüm aynı): bağlantı 44, görünen daire 32. Hedefler çakışmasın diye
	   daire aralığı 8 → 12 (adım 44). */
	.share__list {
		gap: 12px;
	}

	.share__btn {
		width: 44px;
		height: 44px;
		margin: -6px;
	}

	.kose-author__name a {
		display: block;
		padding-block: 10px;
		margin-block: -10px;
	}

	.post-head__badge .cat-label {
		min-width: 44px;
		padding-block: 15.5px;
		margin-block: -10.5px;
	}

	.related-card .cat-label {
		min-width: 44px;
		padding-block: 26px 5px;
		margin-block: -26px -5px;
	}

	.related-card__title a {
		padding-block: 1.5px;
	}

	/* Künye yazar adı: 44 px etkin alan; meta satırının üstüne biner (meta bağlantı değil) */
	.post-byline__name a {
		position: relative;
		z-index: 1;
		display: block;
		padding-block: 14px;
		margin-block: -14px;
	}

	.author-box__social-link {
		width: 44px;
		height: 44px;
	}

	.author-box__bio-toggle {
		margin-block: -14px;
		padding-block: 14px;
	}

	.author-box__all {
		margin-block: -6px -14px;
		padding-block: 14px;
	}

	.author-box__name a {
		display: block;
		padding-block: 7.5px;
		margin-block: -7.5px;
	}

	.author-box__list a {
		padding-block: 3px;
		margin-block: -3px;
	}

	.comment__date,
	.comment__reply a,
	.comment__edit a,
	.comment-reply-title small a {
		padding-block: 14.5px;
		margin-block: -14.5px;
	}

	.comments__nav a {
		padding-block: 14px;
		margin-block: -14px;
	}

	.comment-form .comment-form-cookies-consent input {
		width: 44px;
		height: 44px;
		margin: -13px -12px;
	}

	.comment-form .comment-form-cookies-consent input::before {
		inset: 12px;
	}

	.comment-form .submit {
		min-height: 44px;
	}

	.page-links__item {
		min-width: 44px;
		height: 44px;
	}

	/* Etiket: bağlantı 44 yüksek, hap çizimi içte (::before) */
	.post-tags__list {
		row-gap: 0;
	}

	.post-tags__item {
		position: relative;
		padding: 14.5px 14px;
		border: 0;
	}

	.post-tags__item::before {
		content: "";
		position: absolute;
		inset: 7.5px 0;
		border: 1px solid var(--c-border);
		border-radius: var(--radius-pill);
		transition: border-color var(--dur-1) var(--ease-out);
	}

	/* İçerik */
	.single-main .entry-content {
		--flow: 18px;
		font-size: 16px;
		line-height: 28px;
	}

	.single-main .entry-content--kose {
		font-size: 17px;
		line-height: 29px;
	}

	.single-main .entry-content h2 {
		margin-top: 32px;
		font-size: 22px;
		line-height: 29px;
	}

	.single-main .entry-content h3 {
		margin-top: 28px;
		font-size: 20px;
		line-height: 27px;
	}

	.single-main .entry-content h4,
	.single-main .entry-content h5,
	.single-main .entry-content h6 {
		margin-top: 24px;
		font-size: 18px;
		line-height: 24px;
	}

	.single-main .entry-content .alignleft,
	.single-main .entry-content .alignright {
		float: none;
		max-width: 100%;
		margin: 0 auto;
	}

	.single-main .entry-content .alignleft,
	.single-main .entry-content .alignright,
	.single-main .entry-content .wp-caption.alignleft,
	.single-main .entry-content .wp-caption.alignright {
		display: block;
	}

	.single-main .entry-content table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.single-main .entry-content .gallery {
		--gallery-cols: 2;
	}

	/* Galeri */
	.photo-gallery__title {
		font-size: 20px;
		line-height: 27px;
	}

	.photo-gallery__grid {
		gap: 8px;
	}

	.photo-gallery__item {
		aspect-ratio: 171 / 120;
	}

	.photo-gallery__cell:only-child .photo-gallery__item {
		aspect-ratio: 350 / 197;
	}

	.lightbox__figure {
		max-width: calc(100vw - 32px);
	}

	.lightbox__img {
		max-height: calc(100vh - 160px);
	}

	.lightbox__prev,
	.lightbox__next {
		top: auto;
		bottom: 20px;
		transform: none;
	}

	.lightbox__prev:active,
	.lightbox__next:active {
		transform: scale(.97);
	}

	.lightbox__prev {
		left: 16px;
	}

	.lightbox__next {
		right: 16px;
	}

	/* Önceki / sonraki: alt alta */
	.post-nav {
		grid-template-columns: minmax(0, 1fr);
	}

	.post-nav__item {
		padding: 16px 18px;
	}

	.post-nav__item--next {
		grid-column: 1;
	}

	.post-nav__title {
		font-size: 16px;
		line-height: 22px;
	}

	/* İlgili haberler: yatay satır (110×80) */
	.related {
		gap: 14px;
		padding-top: 8px;
	}

	.related .section-title {
		gap: 14px;
	}

	.related .section-title__text,
	.comments__heading .section-title__text {
		font-size: 20px;
		line-height: 27px;
	}

	.related__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.related-card {
		flex-direction: row;
		align-items: center;
		gap: 14px;
	}

	.related-card__media {
		flex: none;
		width: 110px;
		aspect-ratio: 110 / 80;
	}

	.related-card__body {
		flex: 1;
		gap: 5px;
	}

	.related-card__title {
		font-size: 15px;
		line-height: 21px;
	}

	.related-card .post-meta {
		font-size: 11px;
		line-height: 13px;
	}

	/* "Aynı kategoriden" şeridi: kenara taşan, yatay kaydırmalı (kartlar 156 genişlik) */
	.cat-strip {
		--tap: 44px;
		gap: 14px;
		padding-top: 8px;
	}

	.cat-strip .section-title__text {
		font-size: 20px;
		line-height: 27px;
	}

	.cat-strip__track {
		gap: 14px;
		margin-inline: -20px;
		padding-inline: 20px;
		scroll-padding-inline: 20px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.cat-strip__track::-webkit-scrollbar {
		display: none;
	}

	.cat-strip__item {
		flex-basis: 156px;
	}

	.cat-strip .card--small {
		gap: 8px;
	}

	.cat-strip .cat-label {
		min-width: 44px;
		padding-block: 15.5px;
		margin-block: -15.5px;
	}

	/* Yazar kutusu: dikey */
	.author-box {
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}

	.author-box .avatar-circle {
		width: 64px;
		height: 64px;
	}

	.author-box__body {
		flex: none;
		width: 100%;
	}

	/* Yorumlar */
	.comments__list-wrap {
		padding-top: 8px;
	}

	.comment-list .children {
		margin-left: 8px;
		padding-left: 16px;
	}

	.comment-respond {
		gap: 14px;
		padding: 22px 18px;
	}

	.comment-reply-title {
		font-size: 20px;
		line-height: 27px;
	}

	.comment-form {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.comment-form .form-submit .submit {
		width: 100%;
	}
}