#week2.day5 {
  --gap: 20px;
  --gap-sm: 12px;
  --sep-h: 2.2em;

  --badge-d: 2em;
  --chip-w: 68px;
  --chip-h: 28px;

  --ico-w: 2em;
  --it-gap: 1.2rem;

  --row-pad-y: 12px;
  --hr-pad: 16px;
  padding-left: 0;
}

#week2.day5 .row {
  display: grid;
  grid-template-columns:
    auto
    1px
    auto
    var(--chip-w)
    auto
    1fr;
  column-gap: var(--it-gap);
  place-items: center start;
  margin-block: var(--hr-pad);
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  border: 0 !important;
}

#week2-1st-row {
  margin-top: 0 !important;
}

/* broj+datum  */
#week2.day5 .col--date {
  display: flex;
  align-items: center;
  gap: var(--it-gap);
  white-space: nowrap;
}

/*  linija */
#week2.day5 .sep {
  width: 1px;
  height: var(--sep-h);
  background-color: rgba(255, 255, 255, 0.65);
  justify-self: center;
}

/* vreme i datum */
#week2.day5 .time {
  white-space: nowrap;
}

/* lokacija */
#week2.day5 .lok {
  width: var(--chip-w);
  min-width: var(--chip-w);
  height: var(--chip-h);
  padding: 0 10px;
  border: 1px solid #fff;
  background: #000;
  font: 400 14px/1 Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ikonica + opis  */
#week2.day5 .it {
  grid-column: 5 / 7;
  display: grid;
  grid-template-columns: var(--ico-w) 1fr;
  column-gap: var(--it-gap);
  align-items: center;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* ikonica */
#week2.day5 .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  width: var(--ico-w);
  padding-right: 12px;
}
@media (min-width: 901px) {
  #week2.day5 .ico {
    padding: 10px;
  }
}

/* opis */
#week2.day5 .txt {
  margin: 0;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
  line-height: 1.55;
}

/* broj */
#week2.day5 .badge {
  display: grid;
  place-items: center;
  width: var(--badge-d);
  height: var(--badge-d);
  border-radius: 50%;
  border: 1px solid #fff;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "liga" 0;
  font-size: 1em;
}

/* hr  */
#week2.day5 .row--hr {
  border-bottom: 1px dashed rgba(255, 255, 255, 1) !important;
}

/* header */
#week2.day5 .row--subhdr .row__hdr,
#week2.day5 .hdr h3 {
  font-weight: 700;
  font-size: clamp(28px, 3.6vw, 36px);
  line-height: 1.1;
  letter-spacing: 0.02em;
}

@media (max-width: 900px) {
  #week2.day5 .row {
    grid-template-columns:
      min-content
      1px
      minmax(0, 46px)
      auto;
    column-gap: var(--it-gap);
    row-gap: 1em;
    max-width: 100%;
    overflow-x: clip;
  }

  /* tekst/ikonica */
  #week2.day5 .it {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: var(--it-gap) var(--badge-d) 1fr;
    column-gap: 0;
    align-items: center;
    padding: 0;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  #week2.day5 .badge {
    box-sizing: border-box;
    border-width: 1px;
  }

  #week2.day5 .ico {
    grid-column: 2;
    justify-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    margin-left: -27px;
  }

  #week2.day5 .txt {
    grid-column: 3;
    margin: 0;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 1.55;
  }
}

/* noc header */
#week2.day5 .row.row--dan.noc {
  margin-bottom: 0;
  row-gap: 0;
}

#week2.day5 .row--dan.noc #noc-ico.badge {
  border: 0;
  font-size: 1.5rem;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#week2.day5 .row--dan.noc #noc-title.time {
  font-size: clamp(24px, 3.6vw, 30px);
  font-weight: 700;
}

#week2.day5 .row--dan.noc #noc-sep.sep {
  background-color: transparent;
}

#week2.day5 .row--dan.noc #noc-lok.lok {
  border: 0;
  display: 0;
}