.nlm-timeline{
  position: relative;
  padding: 40px 0;
  color: rgba(255,255,255,.85);
}

/* ===== OVDE JE GLAVNI FIX: item MORA biti GRID, ne flex ===== */
.nlm-timeline > .nlm-timeline__item{
  display: grid;
  grid-template-columns: 1fr 90px 1fr;
  position: relative;
  padding: 0px 0;

  /* da marker dobije visinu reda */
  align-items: stretch;

  /* ubij mogućnost da tema ubaci flex properties */
  flex: none;
  flex-direction: initial;
}

/* Ako item nije direktno dete (za svaki slučaj) */
.nlm-timeline .nlm-timeline__item{
  display: grid;
  grid-template-columns: 1fr 90px 1fr;
  align-items: stretch;
}

/* Left/Right: gde ide blok */
.nlm-timeline .nlm-timeline__item--left  .nlm-timeline__block{
  grid-column: 1 / 2;
  justify-self: end;
  text-align: right;
}
.nlm-timeline .nlm-timeline__item--right .nlm-timeline__block{
  grid-column: 3 / 4;
  justify-self: start;
  text-align: left;
}

/* BLOCK: godina pa bullets ispod */
.nlm-timeline .nlm-timeline__block{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:520px;
  align-self: start; /* sadržaj gore */
}

/* GODINA */
.nlm-timeline .nlm-timeline__title{
  font-size:22px;
  line-height:1;
  font-weight:400;
  color: rgba(255,255,255,.95);
  margin:0;
  padding:0;
  white-space:nowrap;
}

/* MARKER: mora biti u koloni 2 */
.nlm-timeline .nlm-timeline__marker{
  grid-column: 2 / 3;
  align-self: stretch;
  height: 100%;
  min-height: 30px;
  display:block; /* nikad flex */
  justify-content: initial;
  align-items: initial;
}

/* DOT u vrhu markera */
.nlm-timeline .nlm-timeline__dot{
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #6C5D41;
  box-shadow: none;

  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 2;
}

/* LINIJA samo naniže */
.nlm-timeline .nlm-timeline__marker::after{
  content:"";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background: rgba(196,170,110,.55);

  top: 14px;
  bottom: 0;
  z-index: 1;
}

/* Poslednja stavka: bez linije ispod */
.nlm-timeline .nlm-timeline__item.is-last .nlm-timeline__marker::after{
  display:none;
}

/* ===== BULLETS (disk, max 6px gap) ===== */
.nlm-timeline .nlm-timeline__bullets ul{
  margin:0;
  padding:0;
  list-style:none;
  display:block;
}

.nlm-timeline .nlm-timeline__bullets li{
  display:block;
  margin:6px 0;
  padding:0;
  list-style:none;
  background:none;
  border:none;

  font-size:16px;
  line-height:1.5;
  color: #aaa;

  position:relative;
}

.nlm-timeline .nlm-timeline__bullets li span {
  position: relative;
}

.nlm-timeline .nlm-timeline__bullets li::marker{ content:""; }
.nlm-timeline .nlm-timeline__bullets li::before{ content:none; }
.nlm-timeline .nlm-timeline__bullets li::after{ content:none; }

.nlm-timeline .nlm-timeline__bullets li span::before{
  content:"";
  width:4px;
  height:4px;
  border-radius:999px;
  background: rgba(255,255,255,.55);
  position:absolute;
  top:8px;
  transform:translateY(-50%);
}

/* desna: disk levo */
.nlm-timeline .nlm-timeline__item--right .nlm-timeline__bullets li span {
  padding-left:10px;
}
.nlm-timeline .nlm-timeline__item--right .nlm-timeline__bullets li span::before{
  left: 0;
  background: #aaa;
}

.nlm-timeline .nlm-timeline__item--left .nlm-timeline__bullets li span::before{
  left: -9px;
  background: #aaa;
}

/* Responsive */
@media (max-width: 860px){
  .nlm-timeline .nlm-timeline__item{
    grid-template-columns: 50% 1fr;
  }

  .nlm-timeline .nlm-timeline__marker{
    grid-column: 1 / 2;
  }

  .nlm-timeline .nlm-timeline__block{
    grid-column: 2 / 3;
    text-align:left;
    justify-self:start;
    max-width: unset;
    padding: 0 15px;
  }

  .nlm-timeline .nlm-timeline__item--left .nlm-timeline__bullets li{
    padding-right:0;
    padding-left:10px;
  }
  .nlm-timeline .nlm-timeline__item--left .nlm-timeline__bullets li span::before{
    right:auto;
  }
}

@media screen and (max-width: 480px) {
  .nlm-timeline .nlm-timeline__bullets li {
    font-size: 14px;
  }
}
