/**
 * maawina-sf-reskin.css
 *
 * Site-scoped reskin that makes the brand-agnostic library blocks
 * sf-results-stats and sf-cta visually match Stichting Maawina's design.
 *
 * Loaded after assets/css/maawina.css (handle sf-bundle-maawina). Every rule
 * is scoped under the .sf-maawina page wrapper (emitted by
 * sf_render_page_blocks() when *-maawina blocks are present) so it never
 * leaks to other sites that share the same library blocks.
 *
 * Visual target = the original blocks/stats-maawina + blocks/cta-maawina
 * render.php + the [data-sf-block="stats-maawina"] / [data-sf-block="cta-maawina"]
 * rules in maawina.css.
 */

/* ── sf-results-stats → maawina STATS band ── */
.sf-maawina [data-sf-block="sf-results-stats"] .results-section {
  background: var(--mw-green);
  border-top: 3px solid var(--mw-gold);
  padding: 4rem 2rem;
}
.sf-maawina [data-sf-block="sf-results-stats"] .results-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.sf-maawina [data-sf-block="sf-results-stats"] .result-stat {
  text-align: center;
  padding: 1.5rem 2rem;
  border-right: 1px solid rgba(255, 255, 255, .15);
}
.sf-maawina [data-sf-block="sf-results-stats"] .result-stat:last-child {
  border-right: none;
}
.sf-maawina [data-sf-block="sf-results-stats"] .result-stat h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 1;
  /* Inline accent colour is set per-row by the block; force the maawina gold. */
  color: var(--mw-gold) !important;
  margin: 0;
}
.sf-maawina [data-sf-block="sf-results-stats"] .result-stat p {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .65);
  margin-top: .4rem;
}
/* ── Merk-accent: overschrijf blueprint-block-defaults (salesfision-rood #e63946) → Maawina-amber, site-breed ── */
.sf-maawina [data-sf-block="sf-cta"]{--sf-cta-accent:#c8920a;--sf-cta-glow:rgba(200,146,10,.12);--sf-cta-glow-soft:rgba(200,146,10,.06);--sf-cta-glow-hover:rgba(200,146,10,.22);--sf-cta-glow-hover-soft:rgba(200,146,10,.1);--sf-cta-border:rgba(200,146,10,.35);--sf-cta-border-hover:rgba(200,146,10,.65);}
.sf-maawina [data-sf-block="sf-blog-posts"]{--sf-blog-accent:#c8920a;}
.sf-maawina [data-sf-block="sf-cases-grid"]{--sf-cases-accent:#c8920a;}
.sf-maawina [data-sf-block="sf-contact-details"]{--sf-contact-accent:#c8920a;}
.sf-maawina [data-sf-block="sf-faq"]{--sf-faq-accent:#c8920a;}
.sf-maawina [data-sf-block="sf-feature-grid"]{--sf-highlight:#c8920a;}
.sf-maawina [data-sf-block="sf-hero"]{--sf-hero-red:#c8920a;}
.sf-maawina [data-sf-block="sf-pricing"]{--sf-pricing-accent:#c8920a;}
.sf-maawina [data-sf-block="sf-service-teaser"]{--sf-st-accent:#c8920a;}
.sf-maawina [data-sf-block="sf-stats"]{--sf-stats-accent:#c8920a;}
.sf-maawina [data-sf-block="sf-team"]{--sf-team-accent:#c8920a;}
.sf-maawina [data-sf-block="sf-testimonials"]{--sf-accent:#c8920a;}
.sf-maawina [data-sf-block="sf-timeline"]{--sf-timeline-accent:#c8920a;}
.sf-maawina [data-sf-block="sf-values"]{--sf-values-accent:#c8920a;--sf-values-glow:rgba(200,146,10,.12);}
.sf-maawina [data-sf-block="sf-vision"]{--sf-vision-accent:#c8920a;}
