/*
 * Gutenberg / classic-content page styling — ported from the old theme so
 * block-editor pages (About, Planning Your Visit, etc.) render like live under the
 * Beaver Builder theme. The old (classic) theme styled these via `.entry-content`;
 * here we scope to BB's content wrapper, `.fl-post-content`. The page title lives in
 * `.fl-post-header` (BB theme).
 */

/* Center the page title — live centers it; BB defaults to left-aligned. */
.fl-post-header {
	text-align: center;
}

/* Aligned/floated images: cap at half the content width with a float + side gap, so
   text wraps beside them instead of being crushed into a thin column. Without this,
   BB lets an alignright/alignleft figure balloon to its width="" attribute and
   squeeze the wrapping text (the /about/ intro symptom). Ported from the old theme's
   `.entry-content .alignleft/.alignright { max-width: 50% }` rules. */
.fl-post-content .alignleft,
.fl-post-content .alignright {
	max-width: 50%;
}
.fl-post-content .alignleft {
	float: left;
	margin: 0 2em 1em 0;
}
.fl-post-content .alignright {
	float: right;
	margin: 0 0 1em 2em;
}
.fl-post-content .aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.fl-post-content img.aligncenter,
.fl-post-content .aligncenter img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Small screens: let aligned images go full-width so text isn't crushed on mobile. */
@media (max-width: 600px) {
	.fl-post-content .alignleft,
	.fl-post-content .alignright {
		max-width: 100%;
		float: none;
		margin: 0 0 1em 0;
	}
}

/* --- Single blog post: meta line + centered, readable content (match live) ------- */

/* Post top meta — "Posted [date] in [category]" (markup in includes/post-top-meta.php):
   centered, uppercase, green links, like live. */
.gvbf-post-meta {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-size: 0.85rem;
}
.gvbf-post-meta a {
	color: var(--gvbf-primary, #00853d);
}

/* Center the post at a readable width (live = ~800px). Pairs with the Customizer
   "Blog Layout = No Sidebar" setting, which removes the empty sidebar + its divider.
   Scoped to single blog posts so pages, products, and the homepage are untouched. */
.single-post .fl-post-header,
.single-post .fl-post-content {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* Safety net for blog/post contexts (single posts + blog/news archives): if the
   sidebar still renders, drop it and let the content column reclaim full width. The
   functions.php `fl-blog-layout` filter should already prevent it; the body gets the
   `gvbf-no-blog-sidebar` class there (single + archives, excluding WooCommerce). The
   single-post .fl-post-content centering above still keeps article bodies at ~800px. */
.gvbf-no-blog-sidebar .fl-sidebar {
	display: none;
}
.gvbf-no-blog-sidebar .fl-content {
	max-width: 100%;
	flex: 0 0 100%;
}