/**
 * core/list — the "Checklist (Webtron)" style.
 *
 * A tick in a filled disc before each item. The disc is decorative: the <ul>
 * already says "these are the features", so nothing here carries meaning a
 * crawler or screen reader would miss.
 *
 * The disc colour follows `--wmb-check`, which a feature panel sets from its
 * accent; a checklist anywhere else falls back to blue. Font size is inherited,
 * so the list scales with whatever holds it.
 *
 * Element plus class beats both the live theme's bare `ul` and `ul li` rules
 * (Bootstrap 3 margins and bullets) and a block theme's `:root :where()`
 * list styles, without reaching for !important.
 */

ul.is-style-wmb-checklist,
ol.is-style-wmb-checklist {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
}

.is-style-wmb-checklist > li {
  position: relative;
  min-height: 1.45em;
  margin-block: 0.55em 0;
  padding-inline-start: 2.1em;
  color: var(--wmb-list-text);
  line-height: 1.45;
}

.is-style-wmb-checklist > li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 1.45em;
  height: 1.45em;
  border-radius: 50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 12.5 4.25 4.25L18.5 8'/%3E%3C/svg%3E")
      center / 62% no-repeat,
    var(--wmb-check, var(--wmb-check-blue));
}

/* An item the author has not written yet would otherwise show a lone tick. */
.is-style-wmb-checklist > li:empty {
  display: none;
}