/* ============================================================
   Digital You CIC — section depth layer ("too white" fix)
   ------------------------------------------------------------
   Alternates section grounds (white / brand mist / brand ice)
   so no two adjacent light sections share the same background,
   and articulates each light-on-light seam with a hairline rule.
   Section classes come from dycic-container-classes.php.
   Solid colours ONLY (Elementor silently drops gradients on
   containers here — see BUILD-STATE gotcha).
   Loads @760: after polish (700) and button-fix (750);
   before a11y (999), which only touches text colour.
   Frozen files untouched. Delete this file + loader to revert.
   Author: lukeduff.co.uk
   ============================================================ */

/* ---- tokens (match existing brand mist used by .believe etc.) ---- */
:root{
  --dy-mist: #f4f7fb;   /* existing light band tone */
  --dy-ice:  #eaf1f8;   /* one step deeper, from the contact-page wash */
  --dy-rule: rgba(17, 60, 109, .08);
}

/* ---- HOME (page 10): break up the 5-white run ---- */
body.elementor-page-10 .yous     { background-color: var(--dy-mist) !important; }
body.elementor-page-10 .mission  { background-color: var(--dy-mist) !important; }
body.elementor-page-10 .insights { background-color: var(--dy-ice)  !important; }
/* cred-band, midband, who, routes stay white -> alternation:
   dark hero / white / mist / dark / white / mist / white / ice / white / dark contact */

/* ---- ABOUT (11): team + midband were white-on-white ---- */
body.elementor-page-11 .team    { background-color: var(--dy-mist) !important; }
body.elementor-page-11 .midband { background-color: var(--dy-ice)  !important; }

/* ---- WHAT WE DO (12): white 'who' between dark band and mist explore ---- */
body.elementor-page-12 .midband { background-color: var(--dy-ice) !important; }

/* ---- DIGITAL INCLUSION SUPPORT (13): casewrap + midband were both white ---- */
body.elementor-page-13 .midband { background-color: var(--dy-mist) !important; }

/* ---- TRAINING & CHAMPIONS (14): already alternates; deepen midband seam ---- */
body.elementor-page-14 .midband { background-color: var(--dy-mist) !important; }

/* ---- ORGANISATIONS & PARTNERS (15): packages + midband were both white ---- */
body.elementor-page-15 .packages { background-color: var(--dy-mist) !important; }
body.elementor-page-15 .midband  { background-color: var(--dy-ice)  !important; }

/* ---- MISSION & VALUES (46): keep, midband one step deeper than believe ---- */
body.elementor-page-46 .midband { background-color: var(--dy-ice) !important; }

/* ---- RESOURCES (16): res-latest was transparent next to mist midband ---- */
body.elementor-page-16 .res-latest { background-color: var(--dy-ice)  !important; }
body.elementor-page-16 .midband    { background-color: var(--dy-mist) !important; }

/* ---- CONTACT (17): keep existing wash; midband seam only ---- */
body.elementor-page-17 .midband { background-color: var(--dy-mist) !important; }

/* ---- a11y: heather eyebrows dip under 4.5:1 on the ice ground ----
   #7961aa was ~4.6:1 on white (scraping by) but ~4.3:1 on #eaf1f8.
   Deepen to the a11y layer's heather (#59447f, ≥7:1) wherever it
   sits on the new tints — darker also passes on white, so global. */
.rl-eyebrow { color: #59447f !important; }

/* ---- hairline seams: articulate every light-on-light edge ---- */
body.elementor-page-10 .yous,
body.elementor-page-10 .mission,
body.elementor-page-10 .insights,
body.elementor-page-10 .who,
body.elementor-page-10 .routes,
body.elementor-page-11 .believe,
body.elementor-page-11 .team,
body.elementor-page-11 .midband,
body.elementor-page-12 .explore,
body.elementor-page-12 .midband,
body.elementor-page-13 .who,
body.elementor-page-13 .sustain,
body.elementor-page-13 .casewrap,
body.elementor-page-13 .midband,
body.elementor-page-14 .offer,
body.elementor-page-14 .sustain,
body.elementor-page-14 .midband,
body.elementor-page-15 .packages,
body.elementor-page-15 .midband,
body.elementor-page-46 .values,
body.elementor-page-46 .midband,
body.elementor-page-16 .who,
body.elementor-page-16 .res-latest,
body.elementor-page-16 .midband,
body.elementor-page-17 .midband {
  box-shadow: inset 0 1px 0 var(--dy-rule);
}