/* Legacy popup container (bruges af nhpup i nogle versioner) */
#pup{
  position: absolute;
  z-index: 200;
  padding: 2px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 2px solid #fff;
  background: #000;
  color: #fff;
  font-size: 0.95em;

  /* gammel IE shadow (kan fjernes hvis du vil) */
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* Wrapper */
.tilm-block{
  width: 100%;
}

/* Liste */
.tilm-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Ét item */
.tilm-item{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

/* Tekstkolonne
   VIGTIGT: her neutraliserer vi global .list .text { white-space: nowrap; } */
.tilm-item .text{
  display: flex;
  flex-direction: column;
  gap: 8px;              /* luft mellem titel / beskrivelse / knapper */
  flex: 1 1 auto;
  min-width: 0;          /* 🔑 gør at flex kan krympe */
  max-width: 100%;
  white-space: normal;   /* 🔑 ophæver nowrap fra global CSS */
  overflow: hidden;
}

/* Titel */
.tilm-title{
  font-weight: 900;
  color: var(--muted);
  text-decoration: none;
}
.tilm-title:hover{
  text-decoration: underline;
}

/* Beskrivelse */
.tilm-item .text > small{
  display: block;
  max-width: 100%;
  line-height: 1.25;
  color: var(--muted);
  margin: 0;
  overflow-wrap: anywhere; /* 🔑 bryd lange ord/tekster */
  word-break: break-word;
}

/* Ekstra luft mellem beskrivelse og knapper (kun hvis small findes før actions) */
.tilm-item .text > small + .tilm-actions{
  margin-top: 10px;
}

/* Knap-container */
.tilm-actions{
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 2px;
}

/* Knapper */
.tilm-actions .tilm-btn{
  padding: 8px 10px;
  font-size: 13px;
  white-space: nowrap;
}

/* Skjul MobilePay på desktop (infoscreen/pc) */
@media (min-width: 1025px){
  .tilm-mobilepay{
    display: none !important;
  }
}

/* Mobil & tablet */
@media (max-width: 1024px){
  .tilm-item{
    flex-direction: column;
  }

  .tilm-actions{
    width: 100%;
  }

  .tilm-actions .tilm-btn{
    flex: 1 1 0;
    text-align: center;
    padding: 12px 14px;
    font-size: 16px;
  }
}

/* ============================
   Preview popup (nhpup)
   ============================ */
.tilm-popup{
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #ffffff14;
  background: #0b0d18;
}