/* VELYON Theme — blog growth blocks (v1.8.0)
   Loaded on the Blog Home AND single posts: sign-up banner, shared .bh-btn,
   the slider rows, and the resets that keep the Course Slider block looking
   right inside a narrow article column (.post-prose would otherwise restyle
   its links, headings and spacing). Markup: inc/blog-growth.php */

.bh-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 20px;
	border-radius: 999px;
	background: var(--velyon-accent);
	color: var(--velyon-on-accent, #05170A);
	font-family: var(--velyon-font-heading);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	border: 0;
	transition: background .2s ease, transform .2s ease;
}
.bh-btn:hover,
.bh-btn:focus-visible {
	background: var(--velyon-accent-deep);
	color: #fff;
	outline: none;
	transform: translateY(-1px);
}
.bh-btn--lg {
	padding: 12px 28px;
	font-size: 15px;
}

/* ---------- Sign-up banner (guests only) ---------- */
.bh-signup {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 18px 32px;
	margin: 32px 0;
	padding: 28px 32px;
	border: 1px solid var(--velyon-border);
	border-radius: var(--velyon-radius-l);
	background: linear-gradient(135deg, color-mix(in srgb, var(--velyon-accent) 13%, var(--velyon-surface)), var(--velyon-surface) 70%);
}
.bh-signup--home {
	margin: 48px 0 0;
}
.bh-signup-copy {
	flex: 1 1 320px;
	min-width: 0;
}
.bh-signup h2 {
	margin: 0 0 6px;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.25;
}
.bh-signup p {
	margin: 0;
	max-width: 56ch;
	color: var(--velyon-text-muted);
	font-size: 14.5px;
}

/* ---------- Sliders ---------- */
.bh-slider-row {
	margin: 36px 0 0;
}
.bh-inline-slider {
	margin: 36px 0;
	clear: both;
}
/* Inside the article text column: no extra page padding, and undo .post-prose rules. */
.post-prose .bh-inline-slider .velyon-block,
.post-prose .bh-inline-slider .velyon-course-slider {
	max-width: none;
	margin: 0;
	padding: 0;
}
.post-prose .bh-inline-slider a {
	color: inherit;
	text-decoration: none;
}
.post-prose .bh-inline-slider .view-all {
	color: var(--velyon-accent-deep);
}
.post-prose .bh-inline-slider h2,
.post-prose .bh-inline-slider h3 {
	margin: 0 0 4px;
	padding: 0;
	border: 0;
	line-height: 1.3;
}
.post-prose .bh-inline-slider p {
	margin: 0;
}
.post-prose .bh-inline-slider img {
	margin: 0;
}

@media (max-width: 782px) {
	.bh-signup {
		padding: 22px 18px;
	}
	.bh-signup .bh-btn {
		width: 100%;
	}
}