/**
 * VKM — Tekil yazı: metabar sidebar'a taşındı + içerik genişletildi,
 * çift yönlü akıllı sticky sidebar.
 * Bkz: inc/vkm-single-sidebar.php ve js/vkm-sidebar.js
 */

/* --- İçerik alanı: sol metabar kolonu kalktı, yazı ana kolon genişliğinde --- */
@media (min-width: 992px) {
	.single .cs-metabar-enabled .cs-entry__container {
		grid-template-columns: minmax(0, var(--cs-entry-content-width));
		column-gap: 0;
	}
}

@media (min-width: 768px) {
	.single .cs-sidebar-enabled .cs-entry__content-wrap,
	.single .cs-sidebar-enabled .entry-content {
		max-width: var(--cs-entry-content-width);
	}

	.single .cs-sidebar-enabled .wp-block-image figcaption {
		max-width: var(--cs-entry-content-width);
	}
}

/* --- Sidebar üstü: okuma süresi + İçindekiler --- */
.vkm-sidebar-metabar {
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-bottom: 1px solid var(--cs-color-border);
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}

@media (max-width: 991.98px) {
	/* Mobilde sidebar içeriğin altına düşüyor; İçindekiler orada anlamsız. */
	.vkm-sidebar-metabar {
		display: none;
	}
}

/* --- Çift yönlü akıllı sticky sidebar (eşikler JS'ten gelir) --- */
@media (min-width: 992px) {
	.vkm-smart-sticky .cs-sidebar__area {
		display: flex;
		flex-direction: column;
	}

	.vkm-smart-sticky .cs-sidebar__inner {
		position: sticky;
		flex: initial;
	}
}