/* =========================================================
   Copy Block Structural Helpers
   ========================================================= */

.copy-block-image-wrap {
  max-width: 100%;
}

.copy-block-image {
  aspect-ratio: 16 / 9;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
}

.copy-block-inner {
  padding: 12px 24px;
  display: flex;
}

.breadcrumb-wrap {
  display: block;
}

.bodycopy-inner {
  max-width: 600px;
  display: inline-block;
}

.no-impact-credit-check-icon {
  vertical-align: middle;
  margin-right: 8px;
}

/* =========================================================
   Copy Block Dark Mode
   ========================================================= */

.copy-block-container--dark .copy-block-header,
.copy-block-container--dark .bodycopycontainer,
.copy-block-container--dark .overline-container,
.copy-block-container--dark .no-impact-credit-check,
.copy-block-container--dark .no-impact-credit-check-text {
  color: #ffffff !important;
}

.copy-block-container--dark #breadcrumb-container a:last-of-type:not(:first-of-type),
.copy-block-container--dark #breadcrumb-container .separator:last-of-type {
  color: #ffffff !important;
}

.copy-block-container--dark .no-impact-credit-check-icon path,
.copy-block-container--dark .no-impact-credit-check-icon svg path {
  stroke: #ffffff !important;
}

/* =========================================================
   Dark Mode CTA Inversion
   ========================================================= */

.copy-block-container--dark .cta-blue {
  background-color: #ffffff !important;
}

.copy-block-container--dark .cta-blue .cta-text,
.copy-block-container--dark .cta-blue .cta-emoji {
  color: #0064ff !important;
}

.copy-block-container--dark .cta-blue .cta-icon path {
  stroke: #0064ff !important;
}

/* =========================================================
   Copy Block Shadow Style
   cloud behind text cluster only
   ========================================================= */

.copy-block-container--shadow .copy-block-content {
  display: inline-block !important;
  width: fit-content !important;
  max-width: min(760px, 100%);
  position: relative;
  z-index: 1;
}

.copy-block-container--shadow .copy-block-content::before {
  content: "";
  position: absolute;
  inset: -16px -20px;
  z-index: -1;
  border-radius: 28px;
  background: rgba(0, 0, 0, 0.28);
  filter: blur(16px);
  pointer-events: none;
}

/* centered modules stay centered */
.copy-block-container[style*="text-align:center"] .copy-block-content,
.copy-block-container[style*="text-align: center"] .copy-block-content {
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
   Copy Block Padding Modifier
   ========================================================= */

.copy-block-container--padding-none {
  padding: 0 !important;
}

.copy-block-container--padding-none .copy-block-inner {
  padding: 0 24px !important;
}
}