/* TRUSTBAR — de drie cijfers direct onder de logostrook, voor een pagina waarvan de hero geen
   bewijspaneel heeft (W&S: de hero is van Timo en blijft). Hergebruikt .ws-cijfers uit
   css/werving-selectie/ws6.css (drie kolommen, getal groot, oranje lijn, label eronder).
   GEDEELD, 14-09-2026 (avond). "Niet een enorme sectie. Gewoon: deze partij is legit."

   VIER STANDEN GEHAD. Lees dit voor je hem verandert.
   1. 14-09 cream sectie, navy cijfers, geen kader. Timo 15-09: "in het wit, dat is niet nice."
   2. 15-09 een volle NAVY BAND zonder kader. Die grensde aan het probleemblok, ook navy, dus
      787px blauw achter elkaar met de cijfers los bovenin: "dat kan niet allemaal op dat blauwe
      staan. Dat ziet er onevenwichtig uit."
   3. 15-09 cream sectie met een NAVY PANEEL. Begrensd, maar de sectie stond daarmee licht terwijl
      sectie 2 op de andere drie dienstpagina's navy is.
   4. NU, precies stand 3 omgedraaid: NAVY BAND met een PAPER KAART. Timo: "doe bij sectie 2 die
      achtergrond wel gewoon blauw zoals de andere pagina's en dan die kader gewoon wit."
      Daarmee klopt allebei: de band staat waar op de andere pagina's het probleemblok begint, en
      de cijfers staan niet los op het blauw maar in een kader.
   De kaart volgt het paper-op-navy recept van het open FAQ-item (css/sections/s8.css):
   --surface-card, geen zichtbare rand, geen schaduw. Een schaduw doet op navy niets.

   RITME. Deze band en het probleemblok eronder zijn EEN donker hoofdstuk, geen twee secties. De
   ruimte ertussen is compositie en geen tussenruimte, dus staat de onderlucht hier op 0 en levert
   het probleemblok de hele stap. Daarom is .trustbar in css/sections/ritme-licht.css uitgezonderd
   van zowel de lichte als de donkere regel. */
.trustbar {
  padding-block: calc(var(--space-section) / 2) 0;
}

.trustbar-paneel {
  background: var(--surface-card);
  border-radius: var(--r-lg);
  padding: clamp(28px, 3.4vw, 42px) clamp(28px, 4vw, 56px);
}

/* .ws-zeker-bewijs is hier weg: die droeg een marge omdat er in het oude WS6 een beloftepaneel
   boven stond. De lucht komt nu uit de kaartpadding. */
.trustbar .ws-cijfers { margin: 0; }

/* De cijferkleuren van ws6.css (navy getal, --text-body label, --line scheiding) kloppen op een
   paper kaart en blijven dus staan. Alleen de maat gaat omlaag: clamp(2.6rem, 4.6vw, 4rem) is in
   een kaart van deze hoogte een slab en geen bewijsregel. */
.trustbar .ws-cijfer-getal { font-size: clamp(2.1rem, 3.2vw, 2.9rem); }

@media (max-width: 880px) {
  .trustbar-paneel { padding: 28px 24px; }
}