/* ============================================================
   Digital You CIC — brand motif layer (override, loads after polish)
   Deploys the official brand motifs (Stepping Stones / Small Burst /
   Wifi Rainbow — recreated as crisp SVGs) as recurring design elements
   so the site carries Digital You's own visual language, not template
   decoration. Purely decorative: background images + pseudo-elements,
   no DOM changes, no layout-critical shifts.
   Author: lukeduff.co.uk
   ============================================================ */

/* ---- §1 "Small burst" heading marks — the brand's sprinkle under key
        centred section headings, echoing the logo's rays ---- */
.elementor-10 .yous .head h2::after,
.elementor-10 .who h2::after,
.elementor-12 .who h2::after,
.elementor-10 .ins-title::after,
.elementor-10 .routes h2::after,
.elementor-15 .packages h2::after,
.dycic-comm-h::after,
.dycic-related-h::after,
.elementor-10 .services h2::after,
.elementor-11 .services h2::after,
.elementor-12 .services h2::after,
.elementor-13 .services h2::after{
  content:"";display:block;width:56px;height:13px;margin:14px auto 2px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2016%22%20fill%3D%22none%22%3E%3Cline%20x1%3D%2210%22%20y1%3D%224%22%20x2%3D%226%22%20y2%3D%2212%22%20stroke%3D%22%2316becf%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2238%22%20y1%3D%222.5%22%20x2%3D%2238%22%20y2%3D%2212%22%20stroke%3D%22%23ffdd00%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2266%22%20y1%3D%224%22%20x2%3D%2270%22%20y2%3D%2212%22%20stroke%3D%22%2300b37d%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}
/* left-aligned variant: contact intro heading */
.elementor-17 .contactpage .intro h2::after{
  content:"";display:block;width:56px;height:13px;margin:14px 0 2px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2016%22%20fill%3D%22none%22%3E%3Cline%20x1%3D%2210%22%20y1%3D%224%22%20x2%3D%226%22%20y2%3D%2212%22%20stroke%3D%22%2316becf%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2238%22%20y1%3D%222.5%22%20x2%3D%2238%22%20y2%3D%2212%22%20stroke%3D%22%23ffdd00%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2266%22%20y1%3D%224%22%20x2%3D%2270%22%20y2%3D%2212%22%20stroke%3D%22%2300b37d%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

/* ---- §2 Wifi Rainbow watermark on the site-wide "Where would you like
        to go next?" band (connection = the brand's whole story) ---- */
.dycic-related::after{
  content:"";position:absolute;right:-56px;bottom:-34px;width:360px;height:206px;
  background:url("../../uploads/2026/06/dycic-wifi-rainbow.svg") center/contain no-repeat;
  opacity:.12;pointer-events:none;z-index:0;
}

/* ---- §3 Stepping Stones watermark on the home community strip ---- */
.dycic-comm{position:relative}
.dycic-comm-inner{position:relative;z-index:1}
.dycic-comm::before{
  content:"";position:absolute;right:-90px;top:-60px;width:460px;height:274px;
  background:url("../../uploads/2026/06/dycic-stepping-stones.svg") center/contain no-repeat;
  opacity:.08;pointer-events:none;
}

/* ---- §4 Small Burst corner accent on the home "Two ways" cards band —
        subtle sprinkle top-left balances the existing card decoration ---- */
.elementor-10 .routes{position:relative;overflow:hidden}
.elementor-10 .routes::before{
  content:"";position:absolute;left:26px;top:34px;width:96px;height:78px;
  background:url("../../uploads/2026/06/dycic-small-burst.svg") center/contain no-repeat;
  opacity:.5;pointer-events:none;
}

/* ---- §5 404 page: Stepping Stones ("find your way back") + Wifi Rainbow
        on the flat dark band; ::before is taken by the radial gradient ---- */
.dycic-404::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.14;
  background:
    url("../../uploads/2026/06/dycic-stepping-stones.svg") left -120px bottom -80px/560px auto no-repeat,
    url("../../uploads/2026/06/dycic-wifi-rainbow.svg") right -70px top 60px/330px auto no-repeat;
}

@media (max-width:700px){
  .dycic-404::after{background-size:340px auto,200px auto;opacity:.11}
  .dycic-related::after{width:240px;height:138px;right:-48px;bottom:-24px;opacity:.10}
  .dycic-comm::before{width:300px;height:178px;right:-80px;top:-40px}
  .elementor-10 .routes::before{width:64px;height:52px;left:14px;top:18px}
}

@media (prefers-reduced-motion:no-preference){
  .dycic-related::after,.dycic-comm::before{transition:opacity .4s}
}