/* ── Tablist — lijsten & tabellen ── */

/* ── ul in Bricks tekst-elementen: automatisch voetbal-bullets ── */

.brxe-text ul,
.brxe-text-basic ul {
  list-style: none;
  padding-left: 0.8em;
  margin: 0 0 2.4em;
}

@media (min-width: 768px) {
  .brxe-text ul,
  .brxe-text-basic ul {
    padding-right: 35%;
  }
}

.brxe-text ul li,
.brxe-text-basic ul li {
  position: relative;
  padding: 0.5em 0 0.5em 4em;
  border-bottom: 1px solid rgb(0 0 0 / 12%);
  font-style: italic;
}

.brxe-text ul li:last-child,
.brxe-text-basic ul li:last-child {
  border-bottom: none;
}

.brxe-text ul li::before,
.brxe-text-basic ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(65% - 1.35em);
  width: 2.7em;
  height: 2.7em;
  background-image: url(../../img/voetbal.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transform-origin: 40% 37%;
  transform: rotate(var(--bal-hoek, 0deg));
}

/* Elke volgende bal iets kleiner — rechterrand uitgelijnd op 2.7em */
.brxe-text ul li:nth-child(2)::before,
.brxe-text-basic ul li:nth-child(2)::before {
  width: 2.4em; height: 2.4em;
  left: 0.3em;
  top: calc(65% - 1.2em);
}

.brxe-text ul li:nth-child(3)::before,
.brxe-text-basic ul li:nth-child(3)::before {
  width: 2.1em; height: 2.1em;
  left: 0.6em;
  top: calc(65% - 1.05em);
}

.brxe-text ul li:nth-child(4)::before,
.brxe-text-basic ul li:nth-child(4)::before {
  width: 1.8em; height: 1.8em;
  left: 0.9em;
  top: calc(65% - 0.9em);
}

.brxe-text ul li:nth-child(n+5)::before,
.brxe-text-basic ul li:nth-child(n+5)::before {
  width: 1.6em; height: 1.6em;
  left: 1.1em;
  top: calc(65% - 0.8em);
}