/* =========================================================
   SYMPTOMEN — CALLOUT met zichtbare ronde bolletjes
========================================================= */

.fx-mp-symptomen{
  margin: 18px 0 0;
  padding: 18px;
  border-radius: 18px;

  background: #fff; 
  border: 1px solid rgba(15,41,64,.10);

  color:#0f2940;
  box-sizing:border-box;
}

/* titel */
.fx-mp-symptomen .fx-mp-h2{
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 950;
  color:#0f2940;
}

/* lijst reset */
.fx-mp-symptomen .fx-mp-bullets{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

/* items */
.fx-mp-symptomen .fx-mp-bullets li{
  position: relative;
  padding-left: 18px;

  font-size: 14px;
  line-height: 1.45;
  font-weight: 400;
  color: rgba(15,41,64,.80);
}

/* ✅ zichtbare ronde bolletjes */
.fx-mp-symptomen .fx-mp-bullets li::before{
  content: "";
  position: absolute;

  left: 0;
  top: 0.65em;               /* exact op teksthoogte */
  transform: translateY(-50%);

  width: 7px;
  height: 7px;
  border-radius: 50%;

  background-color: #0f2940; /* 🔥 expliciete kleur */
  opacity: .65;              /* subtiel maar zichtbaar */
}

/* mobiel */
@media (max-width:700px){
  .fx-mp-symptomen{
    padding: 14px;
    border-radius: 16px;
  }

  .fx-mp-symptomen .fx-mp-h2{
    font-size: 18px;
  }

  .fx-mp-symptomen .fx-mp-bullets li{
    font-size: 13.5px;
  }
}