/**
 * Flat color contract — solid fills only, no painted CSS gradients.
 * Avoid blanket background-image:none (it wrecks layered layouts and icons).
 */

/* Gradient text → solid readable color */
[style*="linear-gradient"],
[style*="radial-gradient"],
.hl,
.text-gradient,
[class*="gradient-text"] {
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.hl {
  color: #c97812 !important;
}

/* Primary CTA: solid sun, never a fade */
.btn-primary,
a.btn-primary,
button.btn-primary,
.placement-start-btn {
  background-image: none !important;
  background-color: #ff9f1c !important;
  color: #1a1428 !important;
}

.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover {
  background-image: none !important;
  background-color: #ffb84d !important;
}

/* Sidebar / promo slides — distinct solids */
.blog-sidebar .ad-slide,
.blog-sidebar .ad-static,
.ad-slide,
.ad-static {
  color: #fff !important;
  background-image: none !important;
}

.blog-sidebar .ad-slide.s1,
.blog-sidebar .ad-slide--blue,
.blog-sidebar .ad-slide--dynamic,
.ad-slide.s1,
.ad-slide--blue,
.ad-slide--dynamic,
.ad-static--blue {
  background-color: #2e8fc9 !important;
}

.blog-sidebar .ad-slide.s2,
.blog-sidebar .ad-slide--grape,
.blog-sidebar .ad-slide--pink,
.ad-slide.s2,
.ad-slide--grape,
.ad-slide--pink,
.ad-static--pink,
.ad-static--grape {
  background-color: #7c5cbf !important;
}

.blog-sidebar .ad-slide.s3,
.blog-sidebar .ad-slide--leaf,
.blog-sidebar .ad-slide--green,
.ad-slide.s3,
.ad-slide--leaf,
.ad-slide--green,
.ad-static--green,
.ad-static--leaf {
  background-color: #2fa36b !important;
}

.blog-sidebar .ad-slide--yellow,
.ad-slide--yellow,
.ad-static--yellow {
  background-color: #ff9f1c !important;
}

.blog-sidebar .ad-slide strong,
.blog-sidebar .ad-static strong,
.ad-slide strong,
.ad-static strong,
.ad-slide span.cta,
.ad-static .cta {
  color: #fff !important;
}

.blog-sidebar .ad-slide p,
.blog-sidebar .ad-static p {
  color: rgba(255, 255, 255, 0.92) !important;
}

.newsletter-inner,
.widget-cta {
  background-color: #7c5cbf !important;
  background-image: none !important;
  color: #fff !important;
}

.newsletter-inner p,
.newsletter p,
.newsletter-note {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Active chips / filters */
body.page-cartoons-explode #cartoons-explode-root .reel-topbar-cats .category-pill.active,
body.page-cartoons-explode #cartoons-explode-root .reels-category-chips .category-pill.active,
body.page-cartoons-explode #cartoons-explode-root .reel-caption .level-chip,
body.page-cartoons-explode #cartoons-explode-root .reel-level-badge,
.level-chip,
.cat-pill.is-active,
.filter-chip.active,
.sort-btn.is-active,
.level-btn.is-active,
.type-tab.is-active {
  background-color: #ff9f1c !important;
  background-image: none !important;
}

/* Placement hero highlight */
.pt-hero h1 .hl {
  color: #c97812 !important;
  background: none !important;
  -webkit-text-fill-color: #c97812 !important;
}

/* Placement side panel: solid grape, high-contrast copy */
.pt-side {
  background: #7c5cbf !important;
  background-image: none !important;
  color: #fff !important;
}
.pt-side .blob {
  display: none !important;
}
.pt-side h3,
.pt-side p,
.pt-side .pt-progress-label {
  color: #fff !important;
  opacity: 1 !important;
}
.pt-progress span.done,
.pt-progress span.current {
  background: #ff9f1c !important;
}
.pt-progress span:not(.done) {
  background: rgba(255, 255, 255, 0.28) !important;
}