/* File: checklist.css */

/* Contact card title: force ALL CAPS (only for Contact Details) */
.ll-post-surface.ll-basic .ll-basic-contact-card .ll-basic-card-title{
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* ───────────────────────────────────────────────────────────
   Basic side cards (Bullet Points / Services / Products / Contact)
   ─────────────────────────────────────────────────────────── */

.ll-post-surface.ll-basic .ll-basic-side-card {
  padding: 1rem 1.25rem;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  margin-bottom: 1rem;
}

.ll-post-surface.ll-basic .ll-basic-card-title {
  margin: 0 0 0.75rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
}

/* ───────────────────────────────────────────────────────────
   CHECKLIST: force identical styling for:
   - Bullet Points
   - Services
   - Products
   (We target each card class to beat any competing CSS.)
   ─────────────────────────────────────────────────────────── */

.ll-post-surface.ll-basic .ll-basic-bullet-points-card ul.ll-basic-checklist,
.ll-post-surface.ll-basic .ll-basic-services-card ul.ll-basic-checklist,
.ll-post-surface.ll-basic .ll-basic-products-card ul.ll-basic-checklist {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.5rem !important;
  line-height: 1.5 !important;
}

/* Kill any theme/plugin indentation */
.ll-post-surface.ll-basic .ll-basic-bullet-points-card ul.ll-basic-checklist,
.ll-post-surface.ll-basic .ll-basic-services-card ul.ll-basic-checklist,
.ll-post-surface.ll-basic .ll-basic-products-card ul.ll-basic-checklist {
  padding-left: 0 !important;
  text-indent: 0 !important;
}

/* List items */
.ll-post-surface.ll-basic .ll-basic-bullet-points-card ul.ll-basic-checklist > li,
.ll-post-surface.ll-basic .ll-basic-services-card ul.ll-basic-checklist > li,
.ll-post-surface.ll-basic .ll-basic-products-card ul.ll-basic-checklist > li {
  margin: 0 0 0.55rem !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.6rem !important;
}

.ll-post-surface.ll-basic .ll-basic-bullet-points-card ul.ll-basic-checklist > li:last-child,
.ll-post-surface.ll-basic .ll-basic-services-card ul.ll-basic-checklist > li:last-child,
.ll-post-surface.ll-basic .ll-basic-products-card ul.ll-basic-checklist > li:last-child {
  margin-bottom: 0 !important;
}

/* File: checklist.css
   Update: make checklist icons match the “outlined green circle + check” style (like your 2nd image)
*/

/* Applies to Bullet Points / Services / Products */
.ll-post-surface.ll-basic .ll-basic-bullet-points-card ul.ll-basic-checklist > li::before,
.ll-post-surface.ll-basic .ll-basic-services-card ul.ll-basic-checklist > li::before,
.ll-post-surface.ll-basic .ll-basic-products-card ul.ll-basic-checklist > li::before {
  content: "✓" !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* icon size */
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;

  /* outlined circle */
  border-radius: 999px !important;
  border: 2px solid #16a34a !important;  /* green ring */
  background: transparent !important;

  /* check */
  color: #16a34a !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  line-height: 1 !important;

  /* alignment */
  margin-top: 2px !important;

  /* safety */
  box-shadow: none !important;
}

/* Optional: match the lighter, cleaner text vibe in the 2nd image */
.ll-post-surface.ll-basic .ll-basic-side-card ul.ll-basic-checklist > li {
  align-items: center !important;
  color: #64748b !important;      /* slate-ish */
  font-weight: 500 !important;
}