/* Hello Elementor boxes .site-main to ~1140px unless body has elementor-page class. */

body.thefuel-single-blog .site-main.thefuel-single-template {
	max-width: none !important;
	width: 100%;
	padding-inline: 0;
	margin-inline: auto;
	overflow-x: clip;
}

body.thefuel-single-blog .thefuel-single-template > .elementor {
	max-width: 100%;
	width: 100%;
}

body.thefuel-single-blog .elementor-widget-thefuel_post_featured_image,
body.thefuel-single-blog .elementor-widget-thefuel_post_featured_image .elementor-widget-container {
	overflow: visible;
}

/* Full-bleed hero (works inside Elementor boxed containers). */
.thefuel-post-hero {
	position: relative;
	display: flex;
	width: 100vw;
	max-width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	background-color: #1a1a1a;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.thefuel-post-hero--no-image {
	background-image: linear-gradient(135deg, #2c3e50 0%, #4ca1af 100%);
}

.thefuel-post-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.thefuel-post-hero__inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: inherit;
	box-sizing: border-box;
}

.thefuel-post-hero__title {
	margin: 0;
	width: 100%;
	text-align: center;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
	line-height: 1.2;
}

/* Keep article body readable width. */
body.thefuel-single-blog .elementor-widget-thefuel_post_content .thefuel-post-content {
	max-width: 1140px;
	margin-inline: auto;
	padding-inline: clamp(16px, 4vw, 24px);
	box-sizing: border-box;
}

.thefuel-post-featured-image--placeholder {
	background: #f3f4f6;
	border: 1px dashed #c3c4c7;
	color: #646970;
	padding: 48px 24px;
	text-align: center;
}

.thefuel-single-template .page-header {
	display: none;
}

.thefuel-post-content::after {
	content: "";
	display: table;
	clear: both;
}