/*
 * Blog Detay (single post) — Sprint 10.
 *
 * Tüm selector'lar `.blog-single` altında scope edilmiştir; Blog Liste
 * (`blog.css`) ile paylaşılan TEK bileşen sidebar'dır (`.blog-sidebar`,
 * `template-parts/blog/sidebar.php`) — bu dosyada YENİDEN TANIMLANMAZ,
 * `dogalgazborusu-blog` stiline bağımlılık üzerinden (bkz. inc/enqueue.php)
 * gelir.
 *
 * Ölçü kaynağı: references/discovery/04-page-and-component-map.md §1.3
 * (Blog Detay artboard, ty değerleri) + references/discovery/05-design-
 * tokens.md (renk/tipografi/radius skalası) + başlık/breadcrumb/grid Y
 * geometrisi Blog Liste ile BİREBİR aynı olduğu için `blog.css`'teki
 * karşılık gelen değerlerle bilerek TUTARLI tutulmuştur (aynı XD ty=270/
 * 313/367 değerleri, bkz. blog.css üstündeki not).
 *
 * Öne çıkan görsel ve alıntı (blockquote) kutusunun ölçüleri, XD render PNG'si
 * (references/rendered/03-blog-detail-desktop-1920.png) üzerinde piksel
 * analiziyle doğrulandı: öne çıkan görsel x=255→1185 (930px), y=367→938
 * (571px) — oran ~930/571; alıntı kutusu x=255→1187 (tam içerik genişliği),
 * arka plan rgb(250,250,250) (≈`--abn-color-utility-bg` `#FAFAFA`), sol
 * kenarlıkta rgb(16,56,112) (≈`--abn-color-primary` `#0E3975`) ince bir
 * çizgi (measured evidence).
 *
 * Revizyon 01 (kullanıcı pixel QA): Blog Liste'nin kart grid'i için türetilen
 * 930/400/80 (içerik/sidebar/boşluk) üçlüsü, blog liste'nin 2×450px kart
 * ızgarası aritmetiğine özgüdür (450+30+450=930) — Blog Detay'da kart grid'i
 * YOKTUR, tek kolon düz yazı akışıdır. Kullanıcı geri bildirimi ("içerik dar,
 * sidebar'ı büyütme") üzerine yalnızca Blog Detay için içerik/boşluk oranı
 * container toplamı (1410px) ve sidebar (400px, DEĞİŞMEDİ) sabit kalacak
 * şekilde 960/400/50'ye güncellendi — öne çıkan görsel/alıntı kutusu genişliği
 * de otomatik olarak bu yeni kolonu doldurur (oranları [930/571] korunur,
 * yalnızca mutlak piksel büyür; XD'deki 930px'lik "kart" ölçüsüne kilitli
 * kalmak, referanstaki serbest metin kolonunu daha dar göstermenin
 * nedeniydi).
 *
 * Gövde içeriği (paragraf/başlık/liste/görsel/galeri) tasarımda "Lorem
 * Ipsum" placeholder olduğu için (bkz. discovery §1.3 "Belirsiz noktalar"),
 * bu bölümün tipografi/boşluk değerleri XD'den birebir ölçülemez; tema genel
 * spacing skalasına (16/20/24/30/36/50px) ve gövde metni tokenlarına
 * (`#333333`, Roboto Regular 18px, line-height 1.5) dayanan bir geliştirme
 * kararıdır (XD derived + dev decision, blog.css'teki kart açıklaması
 * `.blog-archive__card-excerpt` ile aynı tipografi tokenları kullanılır).
 *
 * Mobil/tablet için doğrulanmış bir XD kaynağı yoktur; ≤1024/768/480
 * blokları 10-approved-decisions.md madde 4 ve blog.css'in zaten kabul
 * edilmiş breakpoint kümesiyle tutarlı biçimde geliştirme kararı olarak
 * uygulanmıştır (bkz. blog.css üst notu — aynı ilke burada da geçerlidir).
 */

.blog-single {
	box-sizing: border-box;
	max-width: var(--abn-container-width);
	margin: 0 auto;
	padding: calc(58px * var(--abn-scale)) 0 0;
	/* Revizyon 03 — kullanıcı bulgusu: yorum listesi/formu altındaki bazı
	   alt elemanlar (yazar adı, tarih, yorum metni, Yanıtla, form etiketleri,
	   çerez onay metni) yalnızca üst düzey birkaç selector'da (başlık/
	   breadcrumb/meta/paylaşım/etiket) tanımlanan font-family zincirini
	   MİRAS ALMIYORDU — tarayıcı varsayılan serif fontuna düşüyorlardı.
	   Kök selector'a font-family eklenerek TÜM alt elemanlar (aksi
	   belirtilmedikçe) siteyle aynı sans-serif yığınını miras alır. */
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.blog-single__header,
.blog-single__breadcrumb,
.blog-single__title,
.blog-single__meta,
.blog-single__share,
.blog-single__tags,
.blog-single__comments-title,
.blog-single__comment-form-title {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ---------- Sayfa başlığı + breadcrumb (Blog Liste ile aynı ölçüler) ---------- */

.blog-single__title {
	margin: 0;
	font-size: calc(42px * var(--abn-scale));
	font-weight: 800;
	line-height: 1.2;
	color: var(--abn-color-primary);
}

.blog-single__breadcrumb {
	margin-top: calc(22px * var(--abn-scale));
}

.blog-single__breadcrumb-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: calc(10px * var(--abn-scale));
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: calc(16px * var(--abn-scale));
	line-height: 1.4;
}

.blog-single__breadcrumb-item a {
	color: #666666;
	text-decoration: none;
}

.blog-single__breadcrumb-item a:hover,
.blog-single__breadcrumb-item a:focus-visible {
	color: var(--abn-color-primary);
	text-decoration: underline;
}

.blog-single__breadcrumb-item--current {
	color: #333333;
	font-weight: 500;
}

.blog-single__breadcrumb-sep {
	width: calc(4px * var(--abn-scale));
	height: calc(4px * var(--abn-scale));
	flex-shrink: 0;
	border-radius: 50%;
	background-color: #a7a7a7;
}

/* ---------- İçerik alanı (2 kolon): ana içerik + sidebar ---------- */

.blog-single__layout {
	display: grid;
	grid-template-columns: calc(960px * var(--abn-scale)) calc(400px * var(--abn-scale));
	gap: calc(50px * var(--abn-scale));
	align-items: start;
	margin-top: calc(51px * var(--abn-scale));
}

.blog-single__content-col {
	min-width: 0;
}

/* ---------- Öne çıkan görsel ---------- */

.blog-single__thumbnail {
	display: block;
	overflow: hidden;
	border-radius: calc(30px * var(--abn-scale));
}

.blog-single__thumbnail-image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 930 / 571;
	object-fit: cover;
}

/* ---------- Meta (tarih · yorum sayısı) ---------- */

.blog-single__meta {
	display: flex;
	align-items: center;
	gap: calc(10px * var(--abn-scale));
	margin-top: calc(24px * var(--abn-scale));
	font-size: calc(15px * var(--abn-scale));
	font-weight: 400;
	color: #999999;
}

.blog-single__meta-sep {
	width: calc(4px * var(--abn-scale));
	height: calc(4px * var(--abn-scale));
	flex-shrink: 0;
	border-radius: 50%;
	background-color: #a7a7a7;
}

/* ==========================================================================
   Yazı içeriği (the_content()) — yalnızca `.blog-single__content-body`
   altında scope edilir; global Gutenberg stilleri bozulmaz.
   ========================================================================== */

.blog-single__content-body {
	margin-top: calc(30px * var(--abn-scale));
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: calc(18px * var(--abn-scale));
	font-weight: 400;
	line-height: 1.85;
	color: #333333;
}

.blog-single__content-body > * {
	margin-top: calc(28px * var(--abn-scale));
	margin-bottom: 0;
}

.blog-single__content-body > *:first-child {
	margin-top: 0;
}

.blog-single__content-body p {
	margin: calc(28px * var(--abn-scale)) 0 0;
}

.blog-single__content-body h2,
.blog-single__content-body h3,
.blog-single__content-body h4 {
	font-weight: 700;
	line-height: 1.35;
	color: var(--abn-color-primary);
}

.blog-single__content-body h2 {
	margin-top: calc(44px * var(--abn-scale));
	font-size: calc(28px * var(--abn-scale));
}

.blog-single__content-body h3 {
	margin-top: calc(40px * var(--abn-scale));
	font-size: calc(24px * var(--abn-scale));
}

.blog-single__content-body h4 {
	margin-top: calc(36px * var(--abn-scale));
	font-size: calc(20px * var(--abn-scale));
}

.blog-single__content-body ul,
.blog-single__content-body ol {
	padding-left: calc(24px * var(--abn-scale));
}

.blog-single__content-body li + li {
	margin-top: calc(8px * var(--abn-scale));
}

.blog-single__content-body a {
	color: var(--abn-color-primary);
	text-decoration: underline;
}

.blog-single__content-body a:hover,
.blog-single__content-body a:focus-visible {
	color: var(--abn-color-primary-dark);
}

.blog-single__content-body strong {
	font-weight: 700;
}

.blog-single__content-body em {
	font-style: italic;
}

/* ---------- İçerik görselleri / galeri / kolonlar ---------- */

.blog-single__content-body img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: calc(20px * var(--abn-scale));
}

.blog-single__content-body figure {
	margin: calc(24px * var(--abn-scale)) 0 0;
}

.blog-single__content-body figcaption {
	margin-top: calc(10px * var(--abn-scale));
	font-size: calc(14px * var(--abn-scale));
	color: #666666;
	text-align: center;
}

.blog-single__content-body .wp-block-gallery,
.blog-single__content-body .wp-block-columns {
	gap: calc(30px * var(--abn-scale));
}

.blog-single__content-body .wp-block-columns {
	display: flex;
}

.blog-single__content-body .wp-block-column {
	flex: 1;
}

.blog-single__content-body .wp-block-gallery.columns-2 figure,
.blog-single__content-body .wp-block-column {
	margin-top: 0;
}

/* ---------- Alıntı bloğu (blockquote) ---------- */

.blog-single__content-body blockquote {
	position: relative;
	box-sizing: border-box;
	margin: calc(36px * var(--abn-scale)) 0 0;
	padding: calc(30px * var(--abn-scale)) calc(36px * var(--abn-scale)) calc(30px * var(--abn-scale)) calc(56px * var(--abn-scale));
	background-color: var(--abn-color-utility-bg);
	border-left: 3px solid var(--abn-color-primary);
	border-radius: 0 calc(10px * var(--abn-scale)) calc(10px * var(--abn-scale)) 0;
	font-size: calc(17px * var(--abn-scale));
	font-weight: 500;
	line-height: 1.6;
	color: #333333;
}

.blog-single__content-body blockquote p {
	margin: 0;
}

.blog-single__content-body blockquote::before {
	content: "";
	position: absolute;
	top: calc(30px * var(--abn-scale));
	left: calc(22px * var(--abn-scale));
	width: calc(18px * var(--abn-scale));
	height: calc(14px * var(--abn-scale));
	background-color: var(--abn-color-primary);
	-webkit-mask: url("../../images/blog/icon-quote.svg") no-repeat center / contain;
	mask: url("../../images/blog/icon-quote.svg") no-repeat center / contain;
	opacity: 0.8;
}

/* ---------- Sosyal medya paylaşımı + Etiketler ----------
   Revizyon 02 (kullanıcı pixel QA, iki bölüme özel): renk/ağırlık/boyut,
   ikon/etiket boşlukları ve ayırıcı çizgi rengi referans görsele göre
   yeniden ayarlandı. Ayırıcı rengi (#E5E7EB) kasıtlı olarak genel
   `--abn-color-divider` (#E3E3E3) token'ından AYRI, yalnızca bu iki
   bölüme özel sabit bir değerdir (kullanıcı bu turda spesifik bir hex
   verdi) — global token değiştirilmedi. */

.blog-single__share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: calc(14px * var(--abn-scale));
	margin-top: calc(40px * var(--abn-scale));
	padding-top: calc(30px * var(--abn-scale));
	border-top: 1px solid #e5e7eb;
}

.blog-single__share-label {
	display: inline-flex;
	align-items: center;
	gap: calc(10px * var(--abn-scale));
	font-size: calc(18px * var(--abn-scale));
	font-weight: 700;
	line-height: 1;
	color: var(--abn-color-primary);
}

.blog-single__share-icon,
.blog-single__tags-icon {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.blog-single__share-icon svg,
.blog-single__tags-icon svg {
	display: block;
	width: calc(18px * var(--abn-scale));
	height: calc(18px * var(--abn-scale));
	color: var(--abn-color-primary);
}

.blog-single__share-list {
	display: flex;
	align-items: center;
	gap: calc(16px * var(--abn-scale));
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-single__share-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(22px * var(--abn-scale));
	height: calc(22px * var(--abn-scale));
	color: #666666;
	line-height: 0;
}

.blog-single__share-link svg {
	display: block;
	width: 100%;
	height: 100%;
}

.blog-single__share-link:hover,
.blog-single__share-link:focus-visible {
	color: var(--abn-color-primary);
}

/* ---------- Etiketler ---------- */

.blog-single__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: calc(14px * var(--abn-scale));
	margin-top: calc(24px * var(--abn-scale));
	padding-bottom: calc(30px * var(--abn-scale));
	border-bottom: 1px solid #e5e7eb;
}

.blog-single__tags-label {
	display: inline-flex;
	align-items: center;
	gap: calc(10px * var(--abn-scale));
	font-size: calc(18px * var(--abn-scale));
	font-weight: 700;
	color: var(--abn-color-primary);
}

.blog-single__tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: calc(12px * var(--abn-scale));
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-single__tags-link {
	display: inline-flex;
	align-items: center;
	padding: calc(14px * var(--abn-scale)) calc(24px * var(--abn-scale));
	background-color: var(--abn-color-utility-bg);
	border-radius: calc(22px * var(--abn-scale));
	color: #666666;
	font-size: calc(15px * var(--abn-scale));
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
}

.blog-single__tags-link:hover,
.blog-single__tags-link:focus-visible {
	background-color: var(--abn-color-primary);
	color: #ffffff;
}

/* ==========================================================================
   Yorumlar — veri tamamen native WP'den gelir (get_avatar/get_comment_
   author_link/get_comment_date/comment_text/comment_reply_link); yalnızca
   çıktı SIRASI için `wp_list_comments()`'e özel bir `callback` verilmiştir
   (bkz. comments.php `abn_comment_callback()` — gerekçe orada belgelenmiştir).
   ========================================================================== */

.blog-single__comments {
	margin-top: calc(50px * var(--abn-scale));
}

.blog-single__comments-title {
	margin: 0 0 calc(30px * var(--abn-scale));
	font-size: calc(26px * var(--abn-scale));
	font-weight: 700;
	color: var(--abn-color-primary);
}

.blog-single__comment-list,
.blog-single__comment-list .children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-single__comment-list .children {
	margin-top: calc(24px * var(--abn-scale));
	padding-left: calc(50px * var(--abn-scale));
}

.blog-single__comment-list > li + li,
.blog-single__comment-list .children > li + li {
	margin-top: calc(24px * var(--abn-scale));
}

.blog-single__comment-body {
	display: flex;
	gap: calc(20px * var(--abn-scale));
	padding-bottom: calc(28px * var(--abn-scale));
	border-bottom: 1px solid var(--abn-color-divider);
}

.blog-single__comment-avatar {
	flex-shrink: 0;
}

.blog-single__comment-avatar img {
	display: block;
	width: calc(64px * var(--abn-scale));
	height: calc(64px * var(--abn-scale));
	border-radius: 50%;
}

.blog-single__comment-main {
	min-width: 0;
	flex: 1 1 auto;
}

.blog-single__comment-header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: calc(12px * var(--abn-scale));
}

.blog-single__comment-author {
	font-size: calc(19px * var(--abn-scale));
	font-weight: 700;
	color: var(--abn-color-primary);
}

.blog-single__comment-date {
	font-size: calc(14px * var(--abn-scale));
	color: #999999;
}

.blog-single__comment-date a {
	color: inherit;
	text-decoration: none;
}

.blog-single__comment-moderation {
	margin: calc(8px * var(--abn-scale)) 0 0;
	font-size: calc(13px * var(--abn-scale));
	font-style: italic;
	color: #999999;
}

.blog-single__comment-text {
	margin-top: calc(12px * var(--abn-scale));
	font-size: calc(16px * var(--abn-scale));
	line-height: 1.7;
	color: #333333;
}

.blog-single__comment-text p {
	margin: 0;
}

.blog-single__comment-text p + p {
	margin-top: calc(12px * var(--abn-scale));
}

.blog-single__comment-reply {
	margin-top: calc(14px * var(--abn-scale));
}

.blog-single__comment-reply .comment-reply-link {
	font-size: calc(15px * var(--abn-scale));
	font-weight: 600;
	color: var(--abn-color-primary);
	text-decoration: none;
}

.blog-single__comment-reply .comment-reply-link:hover,
.blog-single__comment-reply .comment-reply-link:focus-visible {
	text-decoration: underline;
}

.blog-single__comments-closed {
	margin: 0 0 calc(24px * var(--abn-scale));
	font-size: calc(15px * var(--abn-scale));
	color: #666666;
}

/* ---------- Yorum formu ----------
   Revizyon 02 (kullanıcı pixel QA, yalnızca bu bölüm): başlık/açıklama
   metni/alan yükseklik-padding-border-radius değerleri referans görsele
   göre büyütüldü/güncellendi. Border rengi (#E5E7EB) ve açıklama metni
   rengi (#6B7280) kasıtlı olarak genel tema tokenlarından (`--abn-color-
   divider` #E3E3E3, `#666666`) AYRI, yalnızca bu forma özel sabit
   değerlerdir (kullanıcı bu turda spesifik hex verdi). */

.blog-single__comment-respond {
	margin-top: calc(50px * var(--abn-scale));
}

.blog-single__comment-form-title {
	margin: 0 0 calc(10px * var(--abn-scale));
	font-size: calc(30px * var(--abn-scale));
	font-weight: 600;
	color: var(--abn-color-primary);
}

.blog-single__comment-form-notes {
	margin: 0 0 calc(24px * var(--abn-scale));
	font-size: calc(16px * var(--abn-scale));
	color: #6b7280;
}

/* Giriş yapılmış kullanıcı notu ("X olarak oturum açılmış...") — WP
   çekirdeğinin `logged_in_as` varsayılan alanı; `<form>`'un DIŞINDA,
   `.comment-respond` kapsayıcısının içinde render edilir (bu nedenle
   `.blog-single__comment-form` değil `.blog-single__comment-respond`
   altında scope edilir). Çıkış yapılmış kullanıcı notuyla
   (`.blog-single__comment-form-notes`) aynı tipografiyi kullanır. */
.blog-single__comment-respond .logged-in-as {
	margin: 0 0 calc(24px * var(--abn-scale));
	font-size: calc(16px * var(--abn-scale));
	line-height: 1.5;
	color: #6b7280;
}

.blog-single__comment-respond .logged-in-as a {
	color: var(--abn-color-primary);
	text-decoration: underline;
}

.blog-single__comment-respond .logged-in-as a:hover,
.blog-single__comment-respond .logged-in-as a:focus-visible {
	color: var(--abn-color-primary-dark);
}

.blog-single__comment-form .comment-form-author,
.blog-single__comment-form .comment-form-email,
.blog-single__comment-form .comment-form-url,
.blog-single__comment-form .comment-form-comment,
.blog-single__comment-form .comment-form-cookies-consent,
.blog-single__comment-form .form-submit {
	margin: 0 0 calc(20px * var(--abn-scale));
}

.blog-single__comment-form-row {
	display: flex;
	flex-wrap: wrap;
	gap: calc(24px * var(--abn-scale));
	margin: 0 0 calc(20px * var(--abn-scale));
}

.blog-single__comment-form-row .comment-form-author,
.blog-single__comment-form-row .comment-form-email,
.blog-single__comment-form-row .comment-form-url {
	flex: 1 1 0;
	min-width: 200px;
	margin: 0;
}

.blog-single__comment-form label {
	display: block;
	margin-bottom: calc(8px * var(--abn-scale));
	font-size: calc(16px * var(--abn-scale));
	font-weight: 500;
	color: #333333;
}

.blog-single__comment-form .required {
	color: #e21b1b;
	text-decoration: none;
}

.blog-single__comment-form input[type="text"],
.blog-single__comment-form input[type="email"],
.blog-single__comment-form input[type="url"],
.blog-single__comment-form textarea {
	box-sizing: border-box;
	display: block;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: calc(12px * var(--abn-scale));
	padding: 0 calc(20px * var(--abn-scale));
	font-family: inherit;
	font-size: calc(15px * var(--abn-scale));
	color: #333333;
}

.blog-single__comment-form input[type="text"],
.blog-single__comment-form input[type="email"],
.blog-single__comment-form input[type="url"] {
	height: calc(56px * var(--abn-scale));
}

.blog-single__comment-form textarea {
	height: calc(160px * var(--abn-scale));
	padding-top: calc(16px * var(--abn-scale));
	padding-bottom: calc(16px * var(--abn-scale));
	resize: vertical;
}

.blog-single__comment-form input:focus-visible,
.blog-single__comment-form textarea:focus-visible {
	outline: 2px solid var(--abn-color-primary);
	outline-offset: 2px;
}

.blog-single__comment-form .comment-form-cookies-consent {
	display: flex;
	align-items: center;
	gap: calc(14px * var(--abn-scale));
}

.blog-single__comment-form .comment-form-cookies-consent input[type="checkbox"] {
	box-sizing: border-box;
	flex-shrink: 0;
	width: calc(20px * var(--abn-scale));
	height: calc(20px * var(--abn-scale));
	margin: 0;
}

.blog-single__comment-form .comment-form-cookies-consent label {
	margin: 0;
	font-size: calc(16px * var(--abn-scale));
	font-weight: 400;
	line-height: 1.3;
	color: #666666;
}

.blog-single__comment-submit {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(54px * var(--abn-scale));
	border: none;
	border-radius: calc(10px * var(--abn-scale));
	background-color: var(--abn-color-primary);
	color: #ffffff;
	font-family: inherit;
	font-size: calc(20px * var(--abn-scale));
	font-weight: 700;
	cursor: pointer;
}

.blog-single__comment-submit:hover,
.blog-single__comment-submit:focus-visible {
	background-color: var(--abn-color-primary-dark);
}

/* ==========================================================================
   Responsive — Sprint 10 (mobil/tablet için doğrulanmış XD kaynağı yoktur;
   davranış 10-approved-decisions.md madde 4 + blog.css'in zaten kabul
   edilmiş breakpoint kümesine [1024/768/480] göre geliştirme kararıdır).
   Yukarıdaki masaüstü kuralları bu bölümde DEĞİŞTİRİLMEZ; yalnızca dosyanın
   SONUNA açık @media blokları eklenir.
   ========================================================================== */

@media (max-width: 1024px) {
	.blog-single {
		padding: 56px 32px 0;
	}

	.blog-single__title {
		max-width: 100%;
		font-size: 36px;
	}

	.blog-single__layout {
		grid-template-columns: 1fr;
		gap: 0;
		margin-top: 40px;
	}

	/* Revizyon 04 — kullanıcı bulgusu: sidebar, `blog.css`'ten miras aldığı
	   `margin-top:48px` KENDİSİ anormal değildi, ancak yorum formunun
	   (`.blog-single__comment-respond`, üstte kendi `margin-top:50px*scale`'i
	   olan bir blok) hemen ardından geldiğinde iki boşluk üst üste binerek
	   içerik→sidebar geçişini bu sayfadaki diğer bölüm aralarından (ör. bu
	   media query'nin kendi `margin-top:40px`'i) belirgin şekilde daha büyük
	   gösteriyordu. Yalnızca Blog Detay'da (blog.css'e ve Blog Liste'ye
	   dokunmadan) bu geçiş, sayfanın kendi "standart" bölüm boşluğuyla
	   (40px) eşitlendi. */
	.blog-single__layout .blog-sidebar {
		margin-top: 40px;
	}

	.blog-single__content-body .wp-block-columns {
		flex-wrap: wrap;
	}

	.blog-single__content-body .wp-block-column {
		flex: 1 1 100%;
	}
}

@media (max-width: 768px) {
	.blog-single {
		padding: 40px 24px 0;
	}

	.blog-single__title {
		font-size: 30px;
	}

	.blog-single__comment-list .children {
		padding-left: 24px;
	}

	.blog-single__comment-form-row {
		flex-direction: column;
		gap: 16px;
	}

	.blog-single__comment-form-row .comment-form-author,
	.blog-single__comment-form-row .comment-form-email,
	.blog-single__comment-form-row .comment-form-url {
		min-width: 0;
	}
}

@media (max-width: 480px) {
	.blog-single {
		padding: 32px 16px 0;
	}

	.blog-single__title {
		font-size: 24px;
	}

	.blog-single__breadcrumb-list {
		font-size: 13px;
	}

	.blog-single__content-body {
		font-size: 16px;
	}

	.blog-single__content-body blockquote {
		padding: 24px 20px 24px 44px;
	}

	.blog-single__comment-list .comment-body {
		gap: 12px;
	}

	.blog-single__comment-list .comment-author .avatar {
		width: 44px;
		height: 44px;
	}
}