/**
 * CTA card paragraph overrides.
 * Source of truth also lives in sass/_cards.scss (compiled via gulp).
 *
 * Colors match FAI card UI + reference icon:
 * - Circle background: #E1F3F8 (same as .usa-button on cards)
 * - Circle border:     #b8d8e8 (soft blue from icon template)
 * - Icon stroke/fill:  #005ea2 (FAI primary / card heading)
 */
.paragraph--type--cta-card.usa-card__container .usa-card__header,
.paragraph--type--cta-card.usa-card__container .usa-card__body,
.paragraph--type--cta-card.usa-card__container .usa-card__footer {
  margin-left: 0 !important;
}

.paragraph--type--cta-card.usa-card__container .usa-card__header {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.paragraph--type--cta-card.usa-card__container .usa-card__media {
  position: static;
  width: auto !important;
  flex-shrink: 0;
}

.paragraph--type--cta-card.usa-card__container .usa-card__media .usa-card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.55rem;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #E1F3F8;
  border: 1px solid #b8d8e8;
  overflow: hidden;
}

.paragraph--type--cta-card.usa-card__container .usa-card__media .usa-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  /* Recolor gray SVG (#5c5c5c) to FAI primary #005ea2 */
  filter: brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(1847%) hue-rotate(187deg) brightness(94%) contrast(101%);
}

.paragraph--type--cta-card.usa-card__container .usa-card__heading {
  margin: 0;
  color: #005ea2; /* FAI primary — matches template title (~#0060a1) */
}