/* =====================================================================
   KBS Blog yazisi (tekil yazi)

   kbs-sticky-header.css body zeminini koyu (#211D17) yapiyor; sayfalarda
   her bolumun kendi zemini oldugu icin gorunmuyor, ama blog yazisinda
   bolum zemini yok -> yazi koyu zeminde gri/siyah kaliyordu.
   Bu dosya yalniz tekil yazida (body.single-post) gecerli.
   Linklere dokunulmaz (temanin kirmizisi kalir).
   ===================================================================== */

body.single-post {
	background-color: #F5F1EB !important;
	color: #4D463C;
}

/* Basliklar: koyu murekkep rengi */
body.single-post .page-header .entry-title,
body.single-post .page-content h1,
body.single-post .page-content h2,
body.single-post .page-content h3,
body.single-post .page-content h4,
body.single-post .page-content h5,
body.single-post .page-content h6 {
	color: #1E1B16;
}

/* Yazi icindeki baslik boyutlari 2'ser px kucuk (tema: 32 / 28 / 24) */
body.single-post .page-content h2 { font-size: 30px; }
body.single-post .page-content h3 { font-size: 26px; }
body.single-post .page-content h4 { font-size: 22px; }

/* Govde metni (kit'in gri metin rengi acik zeminde soluk kaliyor) */
body.single-post .page-content .elementor-widget-text-editor {
	color: #4D463C;
}

/* Tablo */
body.single-post .page-content table th,
body.single-post .page-content table td {
	border-color: #E0D6C4;
}
body.single-post .page-content table th {
	color: #1E1B16;
}

/* SSS (Nested Accordion): soru basliklari koyu zeminde siyah kaliyordu */
body.single-post .page-content .e-n-accordion-item-title-text,
body.single-post .page-content .e-n-accordion-item-title-icon {
	color: #1E1B16;
}
body.single-post .page-content .e-n-accordion-item-title-icon svg {
	fill: #1E1B16;
}

/* Okuma sutunu: baslik, metin ve SSS ayni dar sutunda ortali (Yalcin: zumradaki gibi).
   Elementor kutulu konteyner 1140 ve SSS flexbox'u tam genislik oldugu icin hepsi 880'e cekilir. */
body.single-post .site-main .page-header,
body.single-post .site-main .page-content {
	max-width: 880px;
	margin-inline: auto;
	padding-inline: 20px;
	box-sizing: content-box;
}
body.single-post .page-content > .elementor > .e-con,
body.single-post .page-content > .elementor > .e-con > .e-con-inner {
	max-width: 100%;
	width: 100%;
	padding-inline: 0 !important;
	--content-width: 100%;
	--container-max-width: 100%;
}