/* ═══════════════════════════════════════════
   Bogliste · lytte/bogliste
   Farver arver fra anmeldelses-pluginets variabler, hvis de findes.
   ═══════════════════════════════════════════ */
.lt-bt{
  --lt-accent: var(--lfa-accent, #D23A1F);
  --lt-accent-h: var(--lfa-accent-h, #B53019);
  --lt-ink: var(--lfa-ink, #1F1B16);
  --lt-muted: var(--lfa-muted, #6F6557);
  --lt-line: var(--lfa-border, #E8E0D3);
  --lt-bg: #fff;
  --lt-soft: var(--lfa-paper, #FBF8F3);
  --lt-radius: 14px;
  font-family: inherit;
  color: var(--lt-ink);
  margin: 24px 0 32px;
}
/* Temaet må ikke skubbe til overskrift og rækker */
.lt-bt .lt-bt__title{ margin:0 !important; padding:0 !important }
.lt-bt .lt-bt__sub{ margin:4px 0 0 !important }
.lt-bt .lt-bt__head{ margin:0 0 14px !important }
.lt-bt *{ box-sizing: border-box }

/* Hoved + filtre */
.lt-bt__head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:14px }
.lt-bt__title{ margin:0; font-size:1.35rem; line-height:1.25 }
.lt-bt__sub{ margin:4px 0 0; color:var(--lt-muted); font-size:.92rem }
.lt-bt__filters{ display:flex; flex-wrap:wrap; gap:8px }
.lt-bt__chip{
  appearance:none; border:1px solid var(--lt-line); background:var(--lt-bg); color:var(--lt-ink);
  padding:7px 14px; border-radius:999px; font:inherit; font-size:.88rem; line-height:1.2; cursor:pointer;
  transition:border-color .15s, background .15s, color .15s;
}
.lt-bt__chip:hover{ border-color:var(--lt-accent) }
.lt-bt__chip:focus-visible{ outline:2px solid var(--lt-accent); outline-offset:2px }
.lt-bt__chip[aria-pressed="true"]{ background:var(--lt-accent); border-color:var(--lt-accent); color:#fff }
.lt-bt__chip span{ opacity:.7 }

/* Liste */
.lt-bt__list{
  list-style:none !important; margin:0 !important; padding:0 !important;
  border:1px solid var(--lt-line); border-radius:var(--lt-radius); overflow:hidden; background:var(--lt-bg);
}
.lt-bt__row{
  display:grid; grid-template-columns:32px 72px minmax(0,1fr) auto; gap:16px; align-items:center;
  margin:0 !important; padding:14px 18px !important; border-top:1px solid var(--lt-line);
}
.lt-bt__row:first-child{ border-top:0 }
.lt-bt__row.is-alt{ background:var(--lt-soft) }
.lt-bt__row[hidden]{ display:none !important }
.lt-bt__row::before,.lt-bt__row::marker{ content:none !important; display:none !important }
.lt-bt--no-rank .lt-bt__row{ grid-template-columns:72px minmax(0,1fr) auto }
.lt-bt--no-rank .lt-bt__rank{ display:none }
.lt-bt__rank{ font-weight:700; font-size:1.1rem; color:var(--lt-muted); text-align:center }

.lt-bt__cover{
  display:flex; align-items:center; justify-content:center; width:72px; aspect-ratio:1/1;
  border-radius:8px; overflow:hidden; background:#f1ece4; box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.lt-bt__cover img{ width:100%; height:100%; object-fit:contain; display:block; margin:0 !important }
.lt-bt__cover-ph{ font-size:26px }

.lt-bt__info{ min-width:0 }
.lt-bt__name{ margin:0 !important; font-size:1.05rem; line-height:1.3; font-weight:700 }
.lt-bt__name a{ color:inherit !important; text-decoration:none !important }
.lt-bt__name a:hover{ color:var(--lt-accent) !important; text-decoration:underline !important }
.lt-bt__meta{ margin:2px 0 6px !important; color:var(--lt-muted); font-size:.86rem; line-height:1.4 }
.lt-bt__why{ margin:0 !important; font-size:.92rem; line-height:1.45 }
.lt-bt__tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:7px }
.lt-bt__tag{ font-size:.74rem; line-height:1.5; padding:1px 9px; border-radius:999px; white-space:nowrap }
.lt-bt__tag--c0{ background:#f4e9df; color:#7a4a24 }
.lt-bt__tag--c1{ background:#e5f2ea; color:#1f6a3d }
.lt-bt__tag--c2{ background:#eee7f8; color:#57378a }
.lt-bt__tag--c3{ background:#e4eef8; color:#1e4f82 }
.lt-bt__tag--c4{ background:#fbe8e8; color:#9a2c2c }
.lt-bt__tag--c5{ background:#f6f0d8; color:#6b5610 }

/* Knap */
.lt-bt__cta{ display:flex; flex-direction:column; align-items:stretch; gap:6px; min-width:180px }
.lt-bt__btn{
  display:block; text-align:center; background:var(--lt-btn, var(--lt-accent)); color:#fff !important;
  text-decoration:none !important; font-weight:700; font-size:.92rem; line-height:1.2;
  padding:11px 14px; border-radius:10px; transition:filter .15s, transform .15s;
}
.lt-bt__btn:hover{ filter:brightness(1.08); transform:translateY(-1px) }
.lt-bt__btn--ghost{ background:transparent; color:var(--lt-ink) !important; border:1px solid var(--lt-line) }
.lt-bt__btn--ghost:hover{ border-color:var(--lt-accent); filter:none }
.lt-bt__free{ text-align:center; font-size:.78rem; color:var(--lt-muted) }

.lt-bt__empty{ padding:18px; text-align:center; color:var(--lt-muted) }
.lt-bt__note{ margin:10px 2px 0 !important; font-size:.78rem; color:var(--lt-muted) }
.lt-bt__notice{
  margin:10px 0 0; padding:8px 12px; border-radius:8px; background:#fff4e5; border:1px solid #f0c27b;
  color:#7a4b00; font-size:.82rem;
}
.lt-bt__notice span{ opacity:.7 }

/* Mobil */
@media (max-width:640px){
  .lt-bt__head{ flex-direction:column; align-items:flex-start }
  .lt-bt__filters{ flex-wrap:nowrap; overflow-x:auto; max-width:100%; padding-bottom:4px; -webkit-overflow-scrolling:touch }
  .lt-bt__chip{ flex:0 0 auto }
  .lt-bt__row,
  .lt-bt--no-rank .lt-bt__row{ grid-template-columns:60px minmax(0,1fr); gap:12px; padding:14px !important }
  .lt-bt__rank{ display:none }
  .lt-bt__cover{ width:60px }
  .lt-bt__cta{ grid-column:1 / -1; min-width:0; flex-direction:row; flex-wrap:wrap; align-items:center }
  .lt-bt__btn{ flex:1 1 100% }
  .lt-bt__free{ flex:1 1 100% }
}