/** Shopify CDN: Minification failed

Line 10:0 Unexpected "<"
Line 12:65 Expected identifier but found whitespace
Line 12:67 Unexpected "{"
Line 12:76 Expected ":"
Line 161:0 Unexpected "<"

**/
<style>
  /* existing color binding */
  .footer-newsletter, .footer-social .ad, .footer-social { color: {{ section.settings.news_txt }}; }

  /* --- Bloomsy Footer Ornaments (clean) --- */
  .site-footer { position: relative; overflow: hidden; }

  /* Ornaments container + base */
  .bloomsy-ornaments { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
  .orn { position: absolute; user-select: none; filter: drop-shadow(0 2px 2px rgba(0,0,0,.08)); }

  /* Top-left daisy — touch the left border */
  .orn-left-top { left: 0; top: 0; transform: translate(-16px, 0); width: auto; max-width: 80px; }

  /* Left lily — vertically centered, ~60% sizing */
  .orn-left { left: 0; top: 52%; transform: translateY(-50%); width: auto; max-width: 62px; }

  /* Top-right big fern at native size (no cap) */
  .orn-right-top { right: 0; top: 0; }
  .site-footer .orn-right-top {
    width: auto !important; height: auto !important;
    max-width: none !important; max-height: none !important;
    transform: none; image-rendering: auto;
  }

  /* Right marigold — smaller and below newsletter input */
  .orn-right { right: 0; top: 62%; transform: translateY(-50%); width: auto; max-width: 90px; }

/* Make all corner ornaments semi-transparent */
.bloomsy-ornaments img,
.orn {
  opacity: 0.6;     /* 0 = fully transparent, 1 = solid — try 0.6–0.8 for best look */
  transition: opacity 0.3s ease;
}

/* Optional: make them slightly brighter on hover (if you like that subtle glow effect) */
.orn:hover {
  opacity: 0.9;
}

  /* Keep footer content above ornaments */
  .footer-top, .footer-bottom { position: relative; z-index: 2; }

  /* Newsletter input width (match paragraph feel) */
  .footer-top .newsletter input[type="email"],
  .footer-top .newsletter input[type="text"],
  .footer-top .newsletter .input-group__field {
    width: 90%;
    max-width: 320px;
  }

  /* --- Copyright with inline bop-ferns (balanced & centered) --- */
  .footer-bottom .flex { 
    justify-content: center !important;
    text-align: center !important;
  }
  .footer-bottom .copyright-with-ferns {
    margin: 0 auto;
    display: inline-flex;
    align-items: flex-end;  /* align fern bases with text baseline */
    justify-content: center;
    gap: 6px;
    line-height: 1.2;
    font-size: 15px;        /* base for scaling */
  }
  .footer-bottom .copyright-with-ferns::before,
.footer-bottom .copyright-with-ferns::after {
  content: "";
  display: inline-block;
  aspect-ratio: 1 / 1.6;  /* banana fern shape ratio */
  height: 6.5em;          /* tall fern height */
  background: url("/cdn/shop/files/bop-ferns.png?v=1762967039")
              no-repeat bottom center / contain; /* 👈 align fern base with text */
  vertical-align: baseline; /* keeps bottom of fern aligned with text baseline */
  translate: 0 1px;           /* fine-tune to sit flush with text */
}
.footer-bottom .copyright-with-ferns::after {
  transform: scaleX(-1);
  transform-origin: center;
}


  /* Responsive tweaks */
  @media (max-width: 900px){
    .orn-left-top { max-width: 60px; }
    .orn-left     { max-width: 90px; }
    .orn-right-top{ max-width: 120px; } /* only effective if native size is larger than viewport */
    .orn-right    { max-width: 70px; }
  }
  @media (max-width: 768px) {
    .footer-bottom .flex { justify-content: center !important; }
    .footer-bottom .copyright-with-ferns { gap: 4px; }
    .footer-bottom .copyright-with-ferns::before,
    .footer-bottom .copyright-with-ferns::after { height: 7em; }
  }

  /* --- Payment icons row (centered above separator) --- */
.footer-payments {
  text-align: center;
  padding: 16px 0 8px;
  position: relative;
  z-index: 3;
}

.footer-payments img {
  height: 28px;
  margin: 0 10px;
  vertical-align: middle;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
  transition: transform 0.2s ease;
}

.footer-payments img:hover {
  transform: scale(1.05);
}

@media (max-width: 768px) {
  .footer-payments img {
    height: 24px;
    margin: 0 6px;
  }
}

/* Reduce gap between the separator line and the copyright row */
/* Separator on the payments row */
.site-footer .footer-payments{
  border-bottom:1px solid rgba(255,255,255,0.8);
  padding-bottom:10px;   /* tweak this to tighten/loosen gap */
  margin-bottom:0 !important;
}

/* No extra gap in the copyright row */
.site-footer .footer-bottom{
  border-top:0 !important;
  padding-top:0 !important;
  margin-top:-42px !important;
  line-height: 1;
}
.site-footer .footer-bottom .flex.page-width,
.site-footer .footer-bottom .flex.footer-fw{
  padding-top:0 !important;
  margin-top:0 !important;
}
.site-footer .footer-bottom .copyright-with-ferns,
.site-footer .footer-bottom .text-left,
.site-footer .footer-bottom .text-center,
.site-footer .footer-bottom .paymentCall{
  padding-top:0 !important;
  margin-top:0 !important;
}

</style>