/* =========================================================================
   CTA v4 Block — all rules scoped under .cta-v4-block.
   Per-block CSS (loaded via enqueue_assets only when the block is present).
   Full-width DARK CTA banner (charcoal + green glow): heading + subtitle (left),
   GREEN popup button (right). Tokens: dark #14181b, green #028d40, white #fff.
   The theme .btn is ALREADY green fill + white text + hover sweep, so the button
   only needs its .large-btn block sizing neutralised for the inline layout.
   ========================================================================= */
.cta-v4-block { position: relative; overflow: hidden; background: #14181b; }
.cta-v4-block .c4b-glow { position: absolute; inset: 0; pointer-events: none; z-index: 0;
	background:
		radial-gradient(680px 420px at 85% 20%, rgba(2, 141, 64, .30), transparent 60%),
		radial-gradient(520px 360px at 10% 90%, rgba(40, 167, 69, .16), transparent 65%); }
.cta-v4-block .c4b-container { position: relative; z-index: 1;
	padding-top: 56px; padding-bottom: 56px; }

.cta-v4-block .c4b-title { font-size: 32px; line-height: 1.2; font-weight: 700;
	color: #fff; margin: 0 0 10px; }
.cta-v4-block .c4b-subtitle { font-size: 17px; line-height: 1.6;
	color: rgba(255, 255, 255, .7); margin: 0; max-width: 640px; }
.cta-v4-block .c4b-col-action { display: flex; justify-content: flex-end; }

/* Button: theme .btn already = green fill + white text + hover sweep */
.cta-v4-block .c4b-btn { display: inline-flex; align-items: center; justify-content: center;
	gap: 10px; }
.cta-v4-block .c4b-btn i { font-size: 15px; line-height: 1; }
/* Neutralise .large-btn block sizing so the button sits inline on the right */
.cta-v4-block .btn.large-btn { width: auto; max-width: none; margin-top: 0; }

/* Responsive (theme Bootstrap breakpoints; col-lg-* stacks; button moves left) */
@media (max-width: 991.98px) {
	.cta-v4-block .c4b-container { padding-top: 40px; padding-bottom: 40px; }
	.cta-v4-block .c4b-title { font-size: 26px; }
	.cta-v4-block .c4b-col-text { margin-bottom: 22px; }
	.cta-v4-block .c4b-col-action { justify-content: flex-start; }
}
@media (max-width: 575.98px) {
	.cta-v4-block .c4b-title { font-size: 23px; }
	.cta-v4-block .c4b-btn { width: 100%; }
}