/*
 * Single blog post layout (ACF-driven, WPBakery-free).
 * Enqueued by inc/post-layout.php on single posts only.
 */

body.single-post {
	overflow-x: hidden; /* guard against the 100vw full-bleed header band */
}

/* Grey title band, screen edge to screen edge, content aligned to the page
   container (replaces the old hard-coded vc_row full-width header). */
.jbp-post__header {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 2rem calc(50vw - 50%);
	background: #dedede;
}

.jbp-post__header .entry-title {
	color: #00305b;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.jbp-post__header-image {
	text-align: center;
}

.jbp-post__header-image img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/* Content sections */
.jbp-post__sections,
.jbp-post__legacy {
	padding-top: 1.5rem;
}

.jbp-post__sections {
	line-height: 1.7;
}

.jbp-section {
	margin-bottom: 2rem;
}

.jbp-section__media--image {
	text-align: center;
}

.jbp-section__media--image img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/* Single-column product card beside a section */
.jbp-section__media--product ul.products {
	margin: 0;
}

.jbp-section__media--product ul.products li.product {
	width: 100%;
	margin: 0;
}

@media (max-width: 991.98px) {
	.jbp-post__header-image {
		margin-top: 1rem;
	}

	.jbp-section__aside {
		margin-top: 1.5rem;
	}
}
