/* assets/css/lista.css - uproszczone, lekkie style dla list */

.mls-list { display:flex; flex-direction:column; gap:8px; padding:0; margin:0; }

/* pojedynczy wiersz */
.lista-grupa {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  padding:8px 0;
  border-bottom:1px solid rgba(0,0,0,0.06);
}

/* blok info (thumb + tekst) */
.lista-info {
  display:flex;
  align-items:center;
  gap:12px;
  flex:1 1 200px;
  min-width:0;
}

/* miniaturka */
.lista-thumb {
  width:50px;
  height:50px;
  flex-shrink:0;
  border-radius:6px;
  object-fit:cover;
  display:block;
}

/* fallback placeholder */ 
.lista-thumb.placeholder { 
    background: none; /* usuwa tło */ 
    border: 1px solid var(--global-palette1); /* kolor akcentu Kadence */ }

/* tekst (tytuł + meta) */
.lista-text { min-width:0; }

.lista-text h2 {
  margin:0;
  font-size:1rem;
  line-height:1.2;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lista-text h3 { 
    margin:0; color: var(--global-palette6); 
    line-height:1.1; }


.lista-text h2 a { color:inherit; text-decoration:none; }
.lista-text h2 a:hover { text-decoration:underline; }


/* akcje */
.lista-akcja { margin-left:12px; white-space:nowrap; flex:0 0 auto; }

.mls-dodaj {
  font-size:1.1rem;
  font-weight:700;
  border:none;
  background:none;
  cursor:pointer;
  padding:6px 8px;
  line-height:1;
  border-radius:6px;
}

.mls-dodaj:hover { color:#0073aa; }

/* loader i komunikaty */
.mls-loader { padding:12px 0; color:rgba(0,0,0,0.6); font-style:italic; }
.mls-empty { color:rgba(0,0,0,0.6); padding:8px 0; }
.mls-error { color:#a00; padding:8px 0; }

/* responsiveness */
@media (max-width:560px) {
  .lista-grupa { align-items:flex-start; gap:8px; }
  .lista-akcja { display:flex; justify-content:flex-end; margin-top:6px; }
}