/* ============================================================
   Bconnect — BANDENPLAN (wit/blauw-afwisseling per pagina)
   ------------------------------------------------------------
   Sitewide correctielaag, 31-07-2026. Elke pagina wisselt van
   boven naar beneden wit en licht blauw af; donkere navy- en
   gradientbanden (trackrecord, gradient-banken, navy calculators)
   zijn accenten en doen NIET mee in die afwisseling — de reeks
   loopt eroverheen door.

   Waarom hier en niet in de widget-CSS: de meeste widgets staan op
   meerdere pagina's, waar dezelfde sectie een andere plek in de
   reeks heeft. Elke regel is daarom gescoped op de pagina, met
   voldoende specificiteit (body.bc-page-<slug> + sectie = minimaal
   0,2,1) om de widget-CSS te verslaan ongeacht laadvolgorde.
   Die scope was tot 06-08-2026 de WordPress-class body.page-id-<n>;
   dat is nu de eigen class van het thema, omdat een pagina-id per
   installatie verschilt en een migratie dus alle regels stil zou
   zetten. De specificiteit is identiek gebleven.

   Alleen de secties die ECHT verkeerd stonden zijn hier opgenomen
   (twee dezelfde tinten tegen elkaar). Pagina's die al klopten —
   /leadgeneratie/, /automotive/, /tarieven/, /integraties/,
   /kennismaken/, /klantcases/, /partner-programma/ en de vijf
   klantcase-detailpagina's — staan er bewust niet in.
   Bepaald met scratchpad/bg-plan.js: dat script leest alle
   sectie-achtergronden uit en rekent beide pariteiten door, zodat
   het aantal wissels minimaal blijft en hero's ongemoeid blijven.
   ============================================================ */

/* Tinten: per pagina de tint die daar al gebruikt wordt. */
:root {
  --bc-band-blauw: #EEF1F8;  /* oplossings- en branchepagina's */
  --bc-band-blauw-alt: #EAEEF6;  /* content- en bedrijfspagina's */
}

/* ---- Homepage (108): oplossingen wit, modellen blauw ----------
   Hero + logobalk blijven lavendel; daarna wit/blauw om en om. */
body.bc-page-home section#home-oplossingen { background: var(--c-white); }
body.bc-page-home section#home-modellen { background: var(--bc-band-blauw); }

/* ---- Meer rendement (112) -------------------------------------
   13-08-2026: de pagina is herbouwd naar de nieuwe Claude Design-
   opzet. De twee correcties die hier stonden (#mr-probleem en
   .sol-ph-strip-sec naar blauw) golden voor secties die niet meer
   op de pagina staan — mr-leak en mr-pillars zijn eruit — en zijn
   daarom verwijderd in plaats van dood te blijven staan.

   De afwisseling zit nu in de widget-stylesheets zelf: mr-value en
   mr-approach zijn blauw, mr-journey en mr-int wit, waar de bron
   die vier alle vier (bijna) wit had. Reden: die widgets staan
   alleen op deze pagina, dus daar is de bandkleur een eigenschap
   van de sectie en niet van de pagina. De reeks is daarmee gelijk
   aan /leadgeneratie/: hero wit → om en om, met de gradient-bank
   van het track record als accent waar de reeks overheen doorloopt,
   FAQ blauw en het CTA-blok wit. Zie de kop van mr-value.css. */

/* ---- Home & Living (126) -------------------------------------- */
body.bc-page-home-en-living section#hl-probleem { background: var(--bc-band-blauw); }
body.bc-page-home-en-living section#hl-segment { background: var(--bc-band-blauw); }
body.bc-page-home-en-living section#hl-zowerkt { background: var(--bc-band-blauw); }
body.bc-page-home-en-living section#hl-cases { background: var(--c-white); }

/* ---- Over Bconnect (116) -------------------------------------- */
/* UITZONDERING op de wit/blauw-afwisseling (31-07-2026, op verzoek):
   de proofbar (2010 / 2.500.000 / 60+ / de twee erkenningen) staat wit
   in plaats van blauw. De kaart in die band is zelf wit met een rand,
   dus hij blijft leesbaar; de band sluit nu naadloos aan op de witte
   hero erboven. Het gevolg is dat de reeks op deze pagina één keer
   twee witte banden achter elkaar heeft — dat is de keuze, niet een
   fout in het bandenplan. Terugdraaien = var(--bc-band-blauw-alt). */
body.bc-page-over-bconnect section.ob-proofbar-section { background: var(--c-white); }
/* "Erkenningen" had geen eigen class en werd hier op positie geselecteerd:
   `.elementor-widget-bconnect_over section.ob-section:nth-of-type(6)`. Bij de
   opsplitsing van de pagina-widget in sectiewidgets (13-08-2026) is die
   selector zinloos geworden — elke sectie is nu het eerste (en enige) section
   in zijn eigen widget, en de wrapper van de pagina-widget bestaat niet meer.
   De sectie heeft daarom een echte naam gekregen. */
body.bc-page-over-bconnect section.ob-badges-section { background: var(--bc-band-blauw-alt); }
body.bc-page-over-bconnect section.bc-cta { background: var(--bc-band-blauw-alt); }

/* ---- Kenniscentrum (123) ------------------------------------- */
body.bc-page-kenniscentrum section.bc-cta { background: var(--bc-band-blauw-alt); }

/* ---- Team (127) ---------------------------------------------- */
body.bc-page-team section.tmp-team-sec { background: var(--bc-band-blauw-alt); }

/* ---- Vacatures (124) ----------------------------------------- */
body.bc-page-vacatures section.vc-cta { background: var(--bc-band-blauw-alt); }

/* ---- Vacature chat-operator (128) ---------------------------- */
body.bc-page-chat-operator section.vc-prose.is-white { background: var(--bc-band-blauw-alt); }
body.bc-page-chat-operator section#solliciteren { background: var(--c-white); }
body.bc-page-chat-operator section.vc-about { background: var(--bc-band-blauw-alt); }

/* ============================================================
   /tarieven/ (120) — bijgewerkt 12-08-2026.
   De pagina is ingekort van acht naar drie inhoudelijke secties:
   tv-rend-sec, tv-addon-sec en tv-value-sec zijn verdwenen. Daarmee
   verviel ook de enige donkere bank (die zat in tv-value-sec) en
   stonden modellen, inbegrepen en formulier alle drie wit achter
   elkaar.
   Opgelost door de modellensectie zelf donker te maken (navy, zie
   tarieven.css). De reeks is nu: hero wit -> factors lavendel ->
   modellen NAVY -> inbegrepen wit -> faq lavendel -> formulier wit.
   tv-incl-sec blijft daarom wit; de regel hieronder is nog nodig,
   want tarieven.css zet die sectie zelf op lavendel.
   De omkering voor tv-addon-sec is weg met die sectie.
   ============================================================ */
body.bc-page-tarieven section.tv-incl-sec { background: var(--c-white); }