/**
 * OptiView reusable Gutenberg List block checkmark treatment.
 *
 * Add the modifier class to a core List block under
 * Advanced → Additional CSS class(es):
 *   optiview-check-list
 *
 * Scoped to .wp-block-list so existing ACF .optiview-check-list
 * treatments (two-column, gradient-list) are unchanged.
 */

.wp-block-list.optiview-check-list {
    list-style: none;
    padding-left: 0;
    margin-inline-start: 20px;
}

.wp-block-list.optiview-check-list > li {
    position: relative;
    display: list-item;
    padding-left: 30px;
    list-style: none;
    margin-bottom: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.wp-block-list.optiview-check-list > li + li {
    margin-top: 12px;
}

.wp-block-list.optiview-check-list > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 20px;
    height: 20px;
    margin: 0;
    border-radius: 0;
    background: url("../../images/check-circle-purple.svg") center / contain no-repeat;
}