/* Leaf bullets — replace generic ul bullets with the logo's leaf shape */

/* Shared leaf bullet (svg as data-URI, deep green). Sized 16px. */
.leaf-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 16px;
}
.leaf-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
  line-height: 1.55;
}
.leaf-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='lg' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%23A8D45F'/><stop offset='100%25' stop-color='%234A9B2E'/></linearGradient></defs><path d='M 50 8 C 78 12, 92 32, 92 56 C 92 76, 78 92, 56 92 C 32 92, 12 76, 12 52 C 12 28, 28 8, 50 8 Z' fill='url(%23lg)' transform='rotate(-30 50 50)'/><path d='M 22 78 Q 50 50, 82 22' stroke='%232F6A1C' stroke-width='3' fill='none' opacity='0.6'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Apply leaf bullets globally to common content uls */
.pm-body ul,
.privacy-content ul,
.zk-twin-card ul {
  list-style: none;
  padding-left: 0;
}
.pm-body ul li,
.privacy-content ul li,
.zk-twin-card ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
  line-height: 1.55;
  display: list-item;
}
.pm-body ul li::before,
.privacy-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4em;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='lg' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%23A8D45F'/><stop offset='100%25' stop-color='%234A9B2E'/></linearGradient></defs><path d='M 50 8 C 78 12, 92 32, 92 56 C 92 76, 78 92, 56 92 C 32 92, 12 76, 12 52 C 12 28, 28 8, 50 8 Z' fill='url(%23lg)' transform='rotate(-30 50 50)'/><path d='M 22 78 Q 50 50, 82 22' stroke='%232F6A1C' stroke-width='3' fill='none' opacity='0.6'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Zakelijk twin cards — leaf bullets (override the existing dot before) */
.zk-twin-card li::before {
  content: "" !important;
  width: 16px !important;
  height: 16px !important;
  background: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='lg' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%23A8D45F'/><stop offset='100%25' stop-color='%234A9B2E'/></linearGradient></defs><path d='M 50 8 C 78 12, 92 32, 92 56 C 92 76, 78 92, 56 92 C 32 92, 12 76, 12 52 C 12 28, 28 8, 50 8 Z' fill='url(%23lg)' transform='rotate(-30 50 50)'/><path d='M 22 78 Q 50 50, 82 22' stroke='%232F6A1C' stroke-width='3' fill='none' opacity='0.6'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
  margin-top: 5px !important;
}
/* Dark twin card — use brighter leaf */
.zk-twin-card.dark li::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='lg' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%23C5DCA0'/><stop offset='100%25' stop-color='%238BC53F'/></linearGradient></defs><path d='M 50 8 C 78 12, 92 32, 92 56 C 92 76, 78 92, 56 92 C 32 92, 12 76, 12 52 C 12 28, 28 8, 50 8 Z' fill='url(%23lg)' transform='rotate(-30 50 50)'/><path d='M 22 78 Q 50 50, 82 22' stroke='%23FBF8F1' stroke-width='3' fill='none' opacity='0.5'/></svg>") !important;
}
