/* multi-import:brand-layer:start - managed by Tools > Multi Import; edits inside are replaced on re-import */
/* Second Dwelling Unit Ottawa - overrides.css
   Only documented tokens overridden (see build-client-zip references/style.md).
   Written verbatim into the child theme - kept to @font-face, :root token
   overrides, and the one plain body/heading rule the contract explicitly allows.

   Final palette (client-supplied, 2026-08-28):
     Primary green:  #155B2A
     Secondary: #5e3f37
     Charcoal:       #292929
   No red is used anywhere in this file - every colour-bearing token below (brand
   hues, semantic roles, surface/ink ramp) is pinned to one of the three approved
   colours or a plain neutral, with !important per the client's instruction so no
   later-loaded rule can reintroduce a different hue.

   Font: self-hosted Manrope (client-supplied), Regular 400 + Bold 700, one family,
   two weights, per style.md section 6. WOFF2 could not be produced in this build
   environment (the brotli compressor has no network path to install here); WOFF is
   the documented fallback format and installs the same way. */

@font-face{
  font-family:'Manrope';
  src:url('../fonts/Manrope-Regular.woff') format('woff');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Manrope';
  src:url('../fonts/Manrope-Bold.woff') format('woff');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

:root{
  /* Fonts: one family, two weights. */
  --typography-family-heading:'Manrope', -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  --typography-family-main:'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  --typography-weight-heading:700 !important;

  /* Brand hues (section 2) - green primary, brown secondary/hover. Recolours
     primary/accent/link roles and their hover states via the theme's own alias
     chain, so every component that reads through --color-sienna* follows. */
  --color-sienna:#155B2A !important;
  --color-sienna-deep:#5e3f37 !important;
  --color-canadian-red:#292929 !important;

  /* Semantic role pins (section 4, belt-and-braces per client's !important request). */
  --color-primary:#155B2A !important;
  --color-secondary:#5e3f37 !important;
  --color-tertiary:#292929 !important;
  --color-accent:#155B2A !important;
  --color-accent-hover:#5e3f37 !important;
  --color-link-text:#155B2A !important;
  --color-link-text-hover:#5e3f37 !important;

  /* Surface / ink ramp (section 3) - charcoal text on a light neutral surface,
     never the brand hue itself as a background. */
  --color-ink:#292929 !important;
  --color-ink-soft:#4a4a4a !important;
  --color-heading:#292929 !important;
  --color-main:#292929 !important;
  --color-paragraph:#4a4a4a !important;
  --color-paper:#ffffff !important;
  --color-paper-tint:#f6f7f6 !important;
  --color-paper-deep:#eceeec !important;
}

/* Page background (theme.json default is warm tan) - light neutral, never the
   brand hue itself, per style.md section 3. */
body{ background:#f6f7f6 !important; }

/* Kill the process-step connector line per house style. */
.process-step + .process-step::before{content:none !important;display:none !important;}


/* -----------------------------------------------------------------------
   CTA banner — white brick-stone surround + green limewash overlay
   Scoped to the two classes the live theme renders for this block
   (.block-cta-banner = outer section, .cta-banner = the green box),
   confirmed via DOM inspection of the live site. No other section is
   touched: body's page background above stays #f6f7f6.

   Both textures are inline SVG data URIs shipped inside this file itself
   (no separate asset file, no external host) — the only extra url()
   dependency overrides.css supports is '../fonts/', so anything else must
   be self-contained per the ZIP contract.
   ----------------------------------------------------------------------- */

/* Outer surround: bright white painted-limestone / running-bond masonry,
   base #F5F5F2, highlights #FFFFFF, mortar joints ~#D8DAD6, with a very
   light mineral-grain filter. Seamless 120x96px tile. */
.block-cta-banner{
  background-color:#F5F5F2;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iOTYiIHZpZXdCb3g9IjAgMCAxMjAgOTYiPgogIDxkZWZzPgogICAgPGZpbHRlciBpZD0iZ3JhaW4iIHg9Ii0yMCUiIHk9Ii0yMCUiIHdpZHRoPSIxNDAlIiBoZWlnaHQ9IjE0MCUiPgogICAgICA8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC45IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI3IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiByZXN1bHQ9Im4iLz4KICAgICAgPGZlQ29sb3JNYXRyaXggaW49Im4iIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuODYgIDAgMCAwIDAgMC44NiAgMCAwIDAgMCAwLjg0ICAwIDAgMCAwLjA1IDAiLz4KICAgIDwvZmlsdGVyPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJiZXZlbCIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuMTgiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuODUiIHN0b3AtY29sb3I9IiNjN2NhYzYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNjN2NhYzYiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CgogIDwhLS0gbW9ydGFyIGJhc2UgLS0+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEyMCIgaGVpZ2h0PSI5NiIgZmlsbD0iI0Q4REFENiIvPgoKICA8IS0tIHJvdyAxIC0tPgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMTQiIGhlaWdodD0iNDIiIGZpbGw9IiNGNUY1RjIiLz4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTE0IiBoZWlnaHQ9IjQyIiBmaWxsPSJ1cmwoI2JldmVsKSIvPgoKICA8IS0tIHJvdyAyIChvZmZzZXQgaGFsZi1icmljaywgd3JhcHMgYXQgdGlsZSBlZGdlKSAtLT4KICA8cmVjdCB4PSI2MCIgeT0iNDgiIHdpZHRoPSI2MCIgaGVpZ2h0PSI0MiIgZmlsbD0iI0Y3RjdGNCIvPgogIDxyZWN0IHg9IjYwIiB5PSI0OCIgd2lkdGg9IjYwIiBoZWlnaHQ9IjQyIiBmaWxsPSJ1cmwoI2JldmVsKSIvPgogIDxyZWN0IHg9IjAiIHk9IjQ4IiB3aWR0aD0iNTQiIGhlaWdodD0iNDIiIGZpbGw9IiNGN0Y3RjQiLz4KICA8cmVjdCB4PSIwIiB5PSI0OCIgd2lkdGg9IjU0IiBoZWlnaHQ9IjQyIiBmaWxsPSJ1cmwoI2JldmVsKSIvPgoKICA8IS0tIGhpZ2hsaWdodCBmbGVjayBvbiByb3cxIGJyaWNrIC0tPgogIDxyZWN0IHg9IjE0IiB5PSIxMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjE0IiByeD0iMiIgZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMC4zNSIvPgogIDxyZWN0IHg9IjcwIiB5PSIyMCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjEwIiByeD0iMiIgZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMC4yOCIvPgoKICA8IS0tIG1pbmVyYWwgZ3JhaW4gb3ZlciBldmVyeXRoaW5nIC0tPgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjAiIGhlaWdodD0iOTYiIGZpbHRlcj0idXJsKCNncmFpbikiLz4KPC9zdmc+");
  background-repeat:repeat;
  background-size:120px 96px;
}

/* Green banner: keep the flat brand green, square corners, no border/
   shadow/gradient (all already true of the theme's own .cta-banner), and
   layer a soft hand-troweled plaster texture on top via a pseudo-element
   so it never touches the text content underneath. */
.block-cta-banner .cta-banner{
  position:relative;
  overflow:hidden;
  background-color:#155B2A;
}
.block-cta-banner .cta-banner::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODAiIGhlaWdodD0iMzIwIiB2aWV3Qm94PSIwIDAgNDgwIDMyMCI+CiAgPGRlZnM+CiAgICA8ZmlsdGVyIGlkPSJ3YXNoIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIj4KICAgICAgPGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuMDEgMC4wMTYiIG51bU9jdGF2ZXM9IjMiIHNlZWQ9IjIxIiByZXN1bHQ9ImNsb3VkcyIvPgogICAgICA8ZmVDb2xvck1hdHJpeCBpbj0iY2xvdWRzIiB0eXBlPSJtYXRyaXgiCiAgICAgICAgdmFsdWVzPSIwIDAgMCAwIDEgIDAgMCAwIDAgMSAgMCAwIDAgMCAxICAwIDAgMCAwLjc1IDAiIHJlc3VsdD0iY2xvdWRzQSIvPgogICAgICA8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4xMSIgbnVtT2N0YXZlcz0iMiIgc2VlZD0iOSIgcmVzdWx0PSJ0cm93ZWwiLz4KICAgICAgPGZlQ29sb3JNYXRyaXggaW49InRyb3dlbCIgdHlwZT0ibWF0cml4IgogICAgICAgIHZhbHVlcz0iMCAwIDAgMCAxICAwIDAgMCAwIDEgIDAgMCAwIDAgMSAgMCAwIDAgMC4yMiAwIiByZXN1bHQ9InRyb3dlbEEiLz4KICAgICAgPGZlTWVyZ2U+CiAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJjbG91ZHNBIi8+CiAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJ0cm93ZWxBIi8+CiAgICAgIDwvZmVNZXJnZT4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KICA8cmVjdCB3aWR0aD0iNDgwIiBoZWlnaHQ9IjMyMCIgZmlsbD0iIzE1NUIyQSIvPgogIDxyZWN0IHdpZHRoPSI0ODAiIGhlaWdodD0iMzIwIiBmaWx0ZXI9InVybCgjd2FzaCkiLz4KPC9zdmc+");
  background-size:cover;
  background-position:center;
  opacity:0.28;
  mix-blend-mode:soft-light;
}
.block-cta-banner .cta-banner > *{
  position:relative;
  z-index:1;
}

@media (max-width:600px){
  .block-cta-banner{ background-size:90px 72px; }
}
/* multi-import:brand-layer:end */