/* =========================================================================
   CTA v3 Block — all rules scoped under .cta-v3-block.
   Per-block CSS (loaded via enqueue_assets only when the block is present).
   Full-width GREEN CTA banner: heading + subtitle (left), white popup button (right).
   Tokens: green #028d40, white #fff. The button reuses the theme .btn (so it is
   popup-wired and styled like the rest of the site); the overrides below recolour
   it to a white fill + green text. Selectors carry the extra .btn / pseudo
   specificity so they win over the theme .btn rules regardless of load order.
   ========================================================================= */
.cta-v3-block { background: #028d40; }
.cta-v3-block .c3b-container { padding-top: 56px; padding-bottom: 56px; }

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

/* Button: keep the popup-wired theme .btn, recolour to white fill + green text */
.cta-v3-block .c3b-btn { display: inline-flex; align-items: center; justify-content: center;
	gap: 10px; color: #028d40; }
.cta-v3-block .c3b-btn:hover, .cta-v3-block .c3b-btn:focus { color: #028d40; }
.cta-v3-block .c3b-btn:before { background: #fff; }         /* base fill white (overrides .btn:before green) */
.cta-v3-block .c3b-btn:after  { background-color: #eafaf0; } /* subtle light-green hover sweep (replaces violet) */
.cta-v3-block .c3b-btn i { font-size: 15px; line-height: 1; }
/* Neutralise .large-btn block sizing so the button sits inline on the right */
.cta-v3-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-v3-block .c3b-container { padding-top: 40px; padding-bottom: 40px; }
	.cta-v3-block .c3b-title { font-size: 26px; }
	.cta-v3-block .c3b-col-text { margin-bottom: 22px; }
	.cta-v3-block .c3b-col-action { justify-content: flex-start; }
}
@media (max-width: 575.98px) {
	.cta-v3-block .c3b-title { font-size: 23px; }
	.cta-v3-block .c3b-btn { width: 100%; }
}