/* Listáim – a sablon színeihez igazodik (currentColor), sötét és világos témán is */
.nezolista-widget {
  --nz-line: color-mix(in srgb, currentColor 18%, transparent);
  --nz-soft: color-mix(in srgb, currentColor 7%, transparent);
  --nz-aktualis: #3b9eff;
  --nz-befejezett: #2fbf71;
  --nz-tervezett: #f0a62b;
  --nz-szuneteltetett: #a371f7;
  --nz-dobott: #e5534b;
  border: 1px solid var(--nz-line);
  border-radius: 10px;
  background: var(--nz-soft);
  padding: 14px 16px;
  margin: 1.25rem 0;
  font-size: .95rem;
  transition: opacity .2s;
}
.nezolista-widget.is-busy { opacity: .6; pointer-events: none; }
.nezolista-widget--compact { border: 0; background: none; padding: 0; margin: .4rem 0 0; }
.nezolista-widget--guest a { font-weight: 600; }

.nz-head { font-weight: 700; margin-bottom: .6rem; letter-spacing: .02em; }

.nz-status { display: flex; flex-wrap: wrap; gap: 6px; }
.nz-chip {
  --c: currentColor;
  appearance: none;
  border: 1px solid var(--nz-line);
  background: transparent;
  color: inherit;
  border-radius: 999px;
  padding: .3em .85em;
  font: inherit;
  font-size: .88em;
  line-height: 1.4;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
.nz-chip:hover { border-color: var(--c); }
.nz-chip:focus-visible { outline: 2px solid var(--c); outline-offset: 2px; }
.nz-chip--aktualis { --c: var(--nz-aktualis); }
.nz-chip--befejezett { --c: var(--nz-befejezett); }
.nz-chip--tervezett { --c: var(--nz-tervezett); }
.nz-chip--szuneteltetett { --c: var(--nz-szuneteltetett); }
.nz-chip--dobott { --c: var(--nz-dobott); }
.nz-chip--fav { --c: #e5487b; margin-left: auto; }
.nz-chip--fav > span { color: #e5487b; }
.nz-chip--fav.is-active > span { color: #fff; }
.nz-chip.is-active { background: var(--c); border-color: var(--c); color: #fff; font-weight: 600; }
.nz-chip--remove { padding: .3em .65em; opacity: .7; }
.nz-chip--remove:hover { opacity: 1; border-color: var(--nz-dobott); }

.nz-progress {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px 10px;
  margin-top: .75rem;
}
.nz-step {
  appearance: none;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid var(--nz-line);
  background: transparent;
  color: inherit;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
}
.nz-step:hover { border-color: currentColor; }
.nz-count { text-align: center; font-variant-numeric: tabular-nums; font-weight: 600; }
.nz-bar { grid-column: 1 / -1; height: 6px; border-radius: 3px; background: var(--nz-line); overflow: hidden; }
.nz-bar > span { display: block; height: 100%; background: var(--nz-befejezett); transition: width .3s; }
.nz-avail { margin-top: .4rem; font-size: .82em; opacity: .7; }
.nz-msg { min-height: 1.1em; margin-top: .3rem; font-size: .8em; opacity: .75; }
.nz-msg.is-error { color: var(--nz-dobott); opacity: 1; }

/* Adatlap: megnézett részek pipája */
a.nz-ep--seen { opacity: .65; }
a.nz-ep--seen::after { content: " ✓"; color: #2fbf71; font-weight: 700; text-decoration: none; display: inline-block; margin-left: .15em; }

/* Lista oldal */
.nezolista-page__count {
  display: inline-block;
  min-width: 1.6em;
  padding: 0 .45em;
  margin-left: .35em;
  border-radius: 999px;
  font-size: .5em;
  vertical-align: middle;
  text-align: center;
  background: color-mix(in srgb, currentColor 15%, transparent);
}
.nezolista-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.nezolista-card {
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 14px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
  border-radius: 10px;
  transition: opacity .3s, transform .3s;
}
.nezolista-card.is-leaving { opacity: 0; transform: translateX(12px); }
.nezolista-card__img { display: block; aspect-ratio: 2 / 3; border-radius: 6px; overflow: hidden; background: color-mix(in srgb, currentColor 8%, transparent); }
.nezolista-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nezolista-card__body { min-width: 0; }
.nezolista-card__title { font-size: 1.1rem; margin: 0 0 .25rem; line-height: 1.3; }
.nezolista-card__title a { text-decoration: none; }
.nz-badge, .nz-type {
  display: inline-block;
  margin-left: .4em;
  padding: .1em .55em;
  border-radius: 999px;
  font-size: .7em;
  font-weight: 700;
  vertical-align: middle;
}
.nz-badge { background: #e5534b; color: #fff; }
.nz-type { border: 1px solid color-mix(in srgb, currentColor 30%, transparent); font-weight: 500; }
.nezolista-empty { opacity: .75; }

@media (max-width: 480px) {
  .nezolista-card { grid-template-columns: 64px 1fr; gap: 10px; }
}

/* Modul: Folytasd */
.mod-nezolista { list-style: none; margin: 0; padding: 0; }
.mod-nezolista__item { padding: .45rem 0; border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
.mod-nezolista__item:last-child { border-bottom: 0; }
.mod-nezolista__progress { display: flex; align-items: center; gap: 8px; margin-top: .25rem; }
.mod-nezolista__progress .nz-bar { flex: 1; height: 4px; background: color-mix(in srgb, currentColor 18%, transparent); }
.mod-nezolista__progress small { opacity: .7; font-variant-numeric: tabular-nums; }

/* Részenkénti rács */
.nz-grid { display: flex; flex-wrap: wrap; gap: 5px; margin-top: .7rem; }
.nz-ep-btn {
  appearance: none;
  min-width: 2.1em;
  height: 2.1em;
  padding: 0 .35em;
  border-radius: 6px;
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: .85em;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}
.nz-ep-btn:hover { border-color: #2fbf71; }
.nz-ep-btn:focus-visible { outline: 2px solid #2fbf71; outline-offset: 2px; }
.nz-ep-btn.is-seen { background: #2fbf71; border-color: #2fbf71; color: #fff; font-weight: 700; }
.nz-ep-btn.is-later:not(.is-seen) { opacity: .45; border-style: dashed; }
.nz-grid-wrap { margin-top: .5rem; }
.nz-grid-wrap > summary { cursor: pointer; font-size: .85em; opacity: .8; }
.nz-grid-wrap > .nz-grid { margin-top: .4rem; }