/* CINSA blog patterns: intentionally minimal and non-restrictive.
   No brand colors or forced typography styles here.
   Editors can control colors, alignment, weight, and emphasis from Gutenberg. */

.cinsa-media-frame,
.cinsa-editorial-card {
  border-radius: 12px;
  overflow: hidden;
}

.cinsa-top-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.cinsa-top-list li {
  padding: 12px 0;
}

/* Brand-aware overrides for previously inserted patterns with hardcoded colors */
:is(.editor-styles-wrapper, body) .cinsa-quote-card {
  background-color: var(--brand-primary-color, #0b6e95) !important;
}

:is(.editor-styles-wrapper, body) .cinsa-quote-card .wp-block-quote {
  border-left-color: var(--brand-secondary-color, #e10054) !important;
}

:is(.editor-styles-wrapper, body) .cinsa-quote-card .wp-block-quote.is-style-large {
  border-left-color: var(--brand-secondary-color, #e10054) !important;
}

:is(.editor-styles-wrapper, body) .cinsa-cta-buy {
  background-color: var(--brand-primary-color, #0b6e95) !important;
}

:is(.editor-styles-wrapper, body) .cinsa-campaign-banner {
  background-color: var(--brand-primary-color, #0a6d94) !important;
}

:is(.editor-styles-wrapper, body) .cinsa-myth-card > p:first-child {
  color: var(--brand-secondary-color, #e10054) !important;
}

:is(.editor-styles-wrapper, body) .cinsa-reality-card > p:first-child {
  color: var(--brand-primary-color, #001f5b) !important;
}
