/* Blog Post Page - Start */
section.blog-post-section {
	padding-bottom: 100px;
	overflow: visible;
}

/* Hero зображення - Start */
section.blog-post-section .container-post-hero {
	margin-bottom: 30px;
}

section.blog-post-section .post-hero-image {
	width: 100%;
	height: 350px;
	overflow: hidden;
	border-radius: var(--border-radius-10);
}
/* Hero зображення - End */

/* Контент колонки - Start */
section.blog-post-section .container-post-content {
	align-items: flex-start;
}

/* Ліва колонка - Поділитися */
section.blog-post-section .col-share {
	position: sticky;
	top: calc(var(--header-height) + 20px);
}

section.blog-post-section .social-share-wrapper {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

section.blog-post-section .social-share-links {
	display: flex;
	gap: 10px;
}

section.blog-post-section .social-share-links a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 39px;
	height: 39px;
	background: var(--primary);
	border-radius: var(--border-radius-5);
}
section.blog-post-section .social-share-links a:hover {
	background: var(--primary-hover);
}
section.blog-post-section .social-share-links img {
	width: 18px;
	height: 18px;
	object-fit: contain;
	filter: var(--primary-filter-match);
}


/* Центральна колонка - Контент */
.col-content {
	padding-right: 100px;
}
section.blog-post-section .post-meta {
	margin-bottom: 20px;
}

section.blog-post-section .post-date {
	font-family: var(--font-family-1);
	font-size: 14px;
	line-height: 17px;
	color: var(--gray);
}

section.blog-post-section h1 {
	margin-bottom: 20px;
}
.post-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
/* Права колонка - Схожі статті */
section.blog-post-section .related-posts {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

section.blog-post-section .related-posts .h4 {
	margin-bottom: 10px;
}

section.blog-post-section .related-posts .post-card-mini {
	width: 100%;
}

section.blog-post-section .no-related {
	font-size: 14px;
	line-height: 20px;
	color: var(--gray);
	text-align: center;
	padding: 20px;
}
/* Контент колонки - End */

/* Адаптивність - Start */
@media (max-width: 1480px) {
	.col-20.c3.col-related {
		width: 350px;
	}
	.col-60.c3.col-content {
		width: calc(80% - 364px - var(--blocks-indent-cols) * 2 / 3);
		padding-right: 50px;
	}
}

@media (max-width: 1279px) {
	/* Blog Post Page - Start */
	section.blog-post-section {
		padding-bottom: 50px;
	}
	.col-20.c3.col-related {
		width: 100%;
	}
	.col-60.c3.col-content {
		width: 100%;
		padding-right: 0px;
	}
	section.blog-post-section .col-share,
	section.blog-post-section .col-content,
	section.blog-post-section .col-related {
		width: 100%;
	}
	section.blog-post-section .col-content {
		order: 1;
	}
	section.blog-post-section .post-hero-image {
		height: 200px;
		border-radius: var(--border-radius-15);
	}
	section.blog-post-section .col-share {
		position: static;
		order: 2;
		margin-top: 20px;
	}
	section.blog-post-section .col-related {
		order: 3;
		margin-top: 20px;
	}
}
/* Адаптивність - End */
/* Blog Post Page - End */