/* ============================================================
   Fizzy Cleaning — NZ brand accents (fern / leaf, eco-green)
   Layered on top of style.min.css. Safe, additive only.
   ============================================================ */
:root{
  --fizzy-teal:#0e7c8b;
  --fizzy-green:#5cb82b;
  --fizzy-green-d:#4c9d24;
  --fizzy-ink:#0f3a44;
}

/* Reusable fern frond as a data-URI (NZ silver-fern inspired) */
:root{
  --fern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%235cb82b'%3E%3Cpath d='M50 96c-2-22-3-44-3-66 0-9 1-18 3-26 2 8 3 17 3 26 0 22-1 44-3 66z'/%3E%3Cg%3E%3Cpath d='M48 30c-6-3-12-8-15-15 7 2 13 6 17 12zM52 30c6-3 12-8 15-15-7 2-13 6-17 12zM47 44c-7-3-14-9-17-17 8 2 15 7 19 14zM53 44c7-3 14-9 17-17-8 2-15 7-19 14zM46 58c-8-3-16-10-19-19 9 2 17 8 22 16zM54 58c8-3 16-10 19-19-9 2-17 8-22 16zM45 72c-9-3-18-11-21-21 10 3 19 9 24 18zM55 72c9-3 18-11 21-21-10 3-19 9-24 18z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* A small fern leaflet before every section tag — subtle brand cue */
.section-tag{position:relative}
.section-tag::before{
  content:"";display:inline-block;width:15px;height:15px;margin-right:7px;vertical-align:-2px;
  background:var(--fern) center/contain no-repeat;opacity:.9;
}

/* Highlight strip / stats get a faint fern watermark in the corner */
.highlight-strip,.stats-bar{position:relative;overflow:hidden}
.highlight-strip::after,.stats-bar::after{
  content:"";position:absolute;right:-18px;bottom:-22px;width:130px;height:130px;
  background:var(--fern) center/contain no-repeat;opacity:.10;transform:rotate(12deg);pointer-events:none;
}

/* About section — fern accent behind the experience badge area */
.about-section{position:relative}
.about-section::before{
  content:"";position:absolute;left:-30px;top:40px;width:180px;height:180px;
  background:var(--fern) center/contain no-repeat;opacity:.06;transform:rotate(-18deg);pointer-events:none;
}

/* CTA banner — small fern flourish */
.cta-banner .cta-inner{position:relative;overflow:hidden}
.cta-banner .cta-inner::after{
  content:"";position:absolute;right:10px;top:-10px;width:120px;height:120px;
  background:var(--fern) center/contain no-repeat;opacity:.14;pointer-events:none;
}

/* ---------- Footer fern + NZ accents ---------- */
.site-footer{position:relative;overflow:hidden}
.footer-fern{
  position:absolute;right:-40px;top:-30px;width:240px;height:240px;
  background:var(--fern) center/contain no-repeat;opacity:.07;transform:rotate(15deg);
  pointer-events:none;color:transparent;
}
.footer-fern i{display:none}
.footer-nz{
  display:inline-flex;align-items:center;gap:6px;margin-left:10px;
  color:var(--fizzy-green);font-weight:600;
}
.footer-nz i{color:var(--fizzy-green)}

/* Green leaf bullet on footer service/resource links (NZ eco feel) */
.footer-links a:hover{color:var(--fizzy-green)!important}

/* Eco ribbon under the hero highlight strip */
.highlight-icon{color:var(--fizzy-teal)}

/* ---------- Nav dropdowns (About / Services) ---------- */
.navbar-nav .dropdown-menu{
  border:0;border-radius:12px;box-shadow:0 16px 40px -16px rgba(2,6,23,.35);
  padding:8px;margin-top:8px;min-width:230px;border-top:3px solid var(--fizzy-green);
}
.navbar-nav .dropdown-item{border-radius:8px;padding:8px 12px;font-weight:500;color:var(--fizzy-ink)}
.navbar-nav .dropdown-item:hover,.navbar-nav .dropdown-item:focus{background:var(--fizzy-teal);color:#fff}
.navbar-nav .dropdown-item i{color:var(--fizzy-green)}
.navbar-nav .dropdown-item:hover i{color:#fff}
.navbar-nav .dropdown-toggle::after{vertical-align:.15em}
/* open on hover (desktop only) */
@media(min-width:992px){
  .navbar-nav .dropdown:hover>.dropdown-menu{display:block}
  .navbar-nav .dropdown>.dropdown-menu{margin-top:0}
}

/* ---------- NZ skyline + leaf section backgrounds ---------- */
/* Keep section content above the decorative layers */
.cta-banner,.process-section,.google-reviews-section,.quote-form-section{position:relative;overflow:hidden}
.cta-banner>.container,.process-section>.container,.google-reviews-section>.container,.quote-form-section>.container{position:relative;z-index:1}

/* Auckland skyline silhouette along the bottom of the CTA banner (white, faint) */
.cta-banner::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:130px;z-index:0;pointer-events:none;
  -webkit-mask:url("../assets/img/nz-skyline.svg") center bottom/100% 100% no-repeat;
          mask:url("../assets/img/nz-skyline.svg") center bottom/100% 100% no-repeat;
  background:#ffffff;opacity:.12;
}
/* Skyline on the process section (teal, faint) */
.process-section::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:150px;z-index:0;pointer-events:none;
  -webkit-mask:url("../assets/img/nz-skyline.svg") center bottom/100% 100% no-repeat;
          mask:url("../assets/img/nz-skyline.svg") center bottom/100% 100% no-repeat;
  background:var(--fizzy-teal);opacity:.07;
}
/* Soft fern leaf pattern behind the reviews + quote-form sections */
.google-reviews-section::before,.quote-form-section::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--fern);background-repeat:repeat;background-size:96px;opacity:.045;
}

/* Contact map framing */
.contact-map-section{margin-top:10px}
.contact-map-section .map-embed-wrap{
  border-top:4px solid var(--fizzy-green);box-shadow:0 -6px 18px -12px rgba(0,0,0,.25);
}