/* Block-editor support for rebuilt visual pages (pricing, etc.).
   Recreates the original check-circle feature bullets so a plain editable
   core/list looks identical to the old CheckList component. */

.clms-check{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.clms-check.wp-block-list{padding-left:0}
.clms-check li{position:relative;padding-left:2.25rem;line-height:1.625;color:#334155;font-size:1rem}
.clms-check li::before{
  content:"";position:absolute;left:0;top:.125rem;height:1.5rem;width:1.5rem;
  border-radius:9999px;background-color:#ecfdf5;box-shadow:inset 0 0 0 1px #a7f3d0;
  background-repeat:no-repeat;background-position:center;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4 10-10'/%3E%3C/svg%3E");
}

/* Dark ("Most popular") card: white text + translucent check badge. */
.clms-card-dark .clms-check li{color:rgba(255,255,255,.85)}
.clms-card-dark .clms-check li::before{
  background-color:rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4 10-10'/%3E%3C/svg%3E");
}