/* Puslapio „Visos laidos iš eilės" stiliai. Naudojami TIK laidos.html.
   Kintamieji (--bg, --line, --txt...) paveldimi iš app.css. */

.lp-head{padding:38px 0 26px;border-bottom:1px solid var(--line)}
.lp-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;
  position:sticky;top:64px;z-index:20;background:var(--bg);
  padding:14px 0;border-bottom:1px solid var(--line)}
.lp-tools input[type=search]{flex:1 1 260px;min-width:0;padding:11px 14px;border-radius:12px;
  border:1px solid var(--line);background:var(--panel);color:var(--txt);font-size:15px;font-family:inherit}
.lp-tools input[type=search]:focus{outline:none;border-color:var(--accent)}
.lp-count{color:var(--muted);font-size:14px;margin-left:auto;white-space:nowrap}

.lp-list{margin:0;padding:0;list-style:none}
.lp-row{display:grid;grid-template-columns:52px 128px 1fr auto;gap:16px;align-items:center;
  padding:12px 10px;border-bottom:1px solid var(--line);border-radius:12px;
  color:inherit;transition:background .12s}
.lp-row:hover{background:var(--panel2)}
.lp-n{font-weight:800;font-size:17px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.lp-thumb{width:128px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--panel2)}
.lp-thumb img{width:100%;height:100%;object-fit:cover}
.lp-t{font-weight:650;font-size:16px;line-height:1.35;margin:0 0 4px}
.lp-g{color:var(--muted);font-size:13.5px;line-height:1.4}
.lp-meta{color:var(--muted);font-size:13px;text-align:right;white-space:nowrap;
  font-variant-numeric:tabular-nums;display:grid;gap:2px}
.lp-yr{display:block;font-weight:700;color:var(--txt)}

/* Įrašas be duomenų — rodomas, o ne tyliai slepiamas. */
.lp-row.empty{opacity:.6;cursor:default}
.lp-row.empty:hover{background:transparent}

/* Metų skirtukas */
.lp-year{position:sticky;top:120px;z-index:10;background:var(--bg);
  padding:22px 10px 8px;font-weight:800;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--hl);border-bottom:1px solid var(--line)}

.lp-empty{padding:60px 10px;text-align:center;color:var(--muted)}

@media(max-width:760px){
  .lp-row{grid-template-columns:38px 92px 1fr;gap:10px;padding:10px 6px}
  .lp-thumb{width:92px}
  .lp-t{font-size:14.5px}
  .lp-meta{grid-column:2/4;text-align:left;display:flex;gap:12px}
  .lp-tools{top:56px}
  .lp-year{top:112px}
}