/* ────────────────────────────────────────────────────────────
   03-single-post.css — Single blog post layout
   Scoped to body.single so nothing bleeds onto archives or pages.
   Load order: 03-* composite tier — auto-loaded by functions.php
   ──────────────────────────────────────────────────────────── */


/* ══════════════════════════════════════════════════════════════
   ARTICLE MAX-WIDTH
   ══════════════════════════════════════════════════════════════ */

.single .inside-article {
	max-width: var(--container-narrow);
	margin-inline: auto;
	margin-bottom: var(--spacing-4xl);
	margin-top: var(--spacing-sm);
}


/* ══════════════════════════════════════════════════════════════
   ENTRY TITLE (H1)
   ══════════════════════════════════════════════════════════════ */

.single .entry-title {
	font-family: var(--font-primary);
	font-size: var(--text-display-lg);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
	color: var(--color-text-heading);
	margin-top: var(--spacing-lg);
	margin-bottom: var(--spacing-md);
	text-align: center;
}


/* ══════════════════════════════════════════════════════════════
   CATEGORY LABEL (below title, plain text)
   ══════════════════════════════════════════════════════════════ */

.single .single-post-category {
	font-family: var(--font-primary);
	font-size: var(--text-body-sm);
	font-weight: var(--font-weight-medium);
	letter-spacing: 0.07em;
	color: var(--color-blue-primary);
	text-align: center;
	margin-top: calc(-1 * var(--spacing-sm));
	margin-bottom: var(--spacing-lg);
}


/* ══════════════════════════════════════════════════════════════
   FEATURED IMAGE — 16:9 ASPECT RATIO
   ══════════════════════════════════════════════════════════════ */

.single .page-header-image-single {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	margin-bottom: var(--spacing-xl);
	/* Remove GeneratePress grid padding so the image fills edge-to-edge
	   within the --container-narrow article width */
	padding: 0 0 var(--spacing-md);
}

.single .page-header-image-single img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* ══════════════════════════════════════════════════════════════
   ENTRY CONTENT TYPOGRAPHY
   ══════════════════════════════════════════════════════════════ */

.single .entry-content {
	font-size: var(--text-body-lg);
	line-height: var(--line-height-relaxed);
}


/* ══════════════════════════════════════════════════════════════
   COMMENTS — hidden (comments_open filter also disables the form)
   ══════════════════════════════════════════════════════════════ */

.single .comments-area {
	display: none;
}


/* ══════════════════════════════════════════════════════════════
   FOOTER ENTRY-META — collapse wrapper when empty
   ══════════════════════════════════════════════════════════════ */

.single footer.entry-meta:empty {
	display: none;
}