/* Callout block. The band's padding, type and the blue style's white-on-navy
   colours come from .kwcs-callout in content.css, shared with the older core
   group callouts; this file adds what the block needs on top. */

.kwcs-callout {
  color: white;
}

/* Text inherits the band's centring; buttons are flex, so centre them too
   unless the editor picked a justification. */
.kwcs-callout .wp-block-buttons:not([class*="is-content-justification-"]) {
  justify-content: center;
}

/* ─── Orange ─── navy type, like the page hero. Keyed off the background
   class render.php adds rather than .is-style-orange: in the editor the style
   class lands on ACF's outer wrapper, not on this <section>. */
.kwcs-callout.orange-background-with-faces {
  color: var(--navy-deep);
}

.kwcs-callout.orange-background-with-faces h2,
.kwcs-callout.orange-background-with-faces h3 {
  color: var(--navy-deep);
}

.kwcs-callout.orange-background-with-faces p {
  color: var(--navy-deep);
  font-weight: 600;
}

.kwcs-callout.orange-background-with-faces .kwcs-eyebrow {
  color: var(--navy);
}

.kwcs-callout.orange-background-with-faces .wp-block-button__link {
  background: var(--navy);
  color: white;
}

.kwcs-callout.orange-background-with-faces .wp-block-button__link:hover {
  background: var(--navy-deep);
  color: white;
}