/* ------------------------------------------------------------
   Icon‑List Base Styles
------------------------------------------------------------ */
ul.icon-list {
  list-style: none;
  padding-left: 1.5em;
}
ul.icon-list li {
  position: relative;
  margin-bottom: 0.5em;
  line-height: 1.4;
}

/* ------------------------------------------------------------
   Bullet Styles — use theme color variables from Flatsome
   (falls back to gray if variables are not defined)
------------------------------------------------------------ */

/* Dot / circle bullet (minimal) */
ul.icon-list.dot-bullets li::before {
  content: "\f111";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--color-text, #444);      /* use main text color */
  position: absolute;
  left: -1.5em;
  top: 0.2em;
}

/* Check / success-style bullet */
ul.icon-list.check-bullets li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--color-accent-primary, #c1a67a);  /* use Flatsome primary/accent or fallback green */
  position: absolute;
  left: -1.8em;
  top: 0em;
}

/* Leaf / spa / nature-style bullet */
ul.icon-list.leaf-bullets li::before {
  content: "\f06c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--color-accent-secondary, #9dbc9d); /* optionally use a secondary accent, or define in customizer */
  position: absolute;
  left: -1.8em;
  top: 0.1em;
}

/* Star / highlight bullet */
ul.icon-list.star-bullets li::before {
  content: "\f005";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--color-accent-highlight, #f1c40f);  /* define as you wish in your custom palette */
  position: absolute;
  left: -1.5em;
  top: 0.2em;
}

/* Diamond / geometric-style bullet */
ul.icon-list.diamond-bullets li::before {
  content: "\f219";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--color-text-secondary, #7f8c8d);
  position: absolute;
  left: -1.5em;
  top: 0.2em;
}