/* ==========================================================================
   AgrárPraxis – Kérdés–válaszok (/kerdes-valaszok): a lista kártyái – látványosabb fehér dobozok (2026-11-12, user-kérés:
   „az oldal mostani stílusa alapján”). Alap: a Felületem „Megválaszolt kérdések” kiemelt kártyája (dashboard.css .db-kv-kiemelt,
   .db-kv-*); itt csak a lista-változat: könnyebb árnyék, sarokderengés és zöld fénycsík, egérre emelkedés, a kártya egésze
   kattintható, a kérdés legfeljebb 4 sor. A lista gyökere `.db-oldal .kvl-lista` (_KivonatsList.cshtml); a dashboard.css-hez nem
   nyúlunk.
   ========================================================================== */

.kvl-lista { display: flex; flex-direction: column; gap: 20px; }

.kvl-lista .kvl-kartya {
  box-shadow: var(--db-arnyek-kicsi); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  animation: kvlBe .4s ease backwards;
}
.kvl-lista .kvl-kartya:nth-child(2) { animation-delay: .05s; }
.kvl-lista .kvl-kartya:nth-child(3) { animation-delay: .1s; }
.kvl-lista .kvl-kartya:nth-child(n+4) { animation-delay: .15s; }
/* derengés a bal felső sarokban + zöld fénycsík felül (a Felületem intézkedéskártyáinak mintájára) */
.kvl-lista .kvl-kartya::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(120% 90% at 0% 0%, rgba(75, 129, 77, .10) 0%, rgba(75, 129, 77, 0) 55%);
}
.kvl-lista .kvl-kartya::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; pointer-events: none;
  background: linear-gradient(90deg, var(--db-zold), rgba(127, 212, 147, 0));
}
.kvl-lista .kvl-kartya:hover { transform: translateY(-4px); border-color: var(--k-palyazat-ker); box-shadow: var(--db-arnyek); }
.kvl-lista .kvl-kartya .db-kv-jel { transition: transform .3s ease; }
.kvl-lista .kvl-kartya:hover .db-kv-jel { transform: rotate(-10deg) scale(1.06); }

.kvl-lista .kvl-kartya .db-kv-test { gap: 12px; padding: 26px 28px 24px; }
.kvl-lista .kvl-kartya h3 { font-size: 23px; }
.kvl-lista .kvl-kartya h3 a { transition: color .15s; }
/* a cím linkje kitölti a kártyát (a témakör-pirulák fölötte maradnak kattinthatók) */
.kvl-lista .kvl-kartya h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.kvl-lista .kvl-kartya h3 a:focus-visible { outline: none; }
.kvl-lista .kvl-kartya h3 a:focus-visible::after { outline: 2px solid var(--db-zold); outline-offset: -2px; border-radius: var(--db-r); }
.kvl-lista .kvl-kartya:hover h3 a { color: var(--db-zold); }
.kvl-lista .kvl-kartya .db-kv-kat { position: relative; z-index: 2; transition: background-color .15s; }
.kvl-lista .kvl-kartya .db-kv-kat:hover { background: var(--db-zold-sotet); color: #fff; }
.kvl-lista .kvl-kartya .db-kv-felcim { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; }
.kvl-lista .kvl-kartya .db-kv-felcim b { color: var(--db-cim); white-space: nowrap; }
.kvl-lista .kvl-kartya .db-kv-kerdes p { -webkit-line-clamp: 4; }
.kvl-lista .kvl-kerdezo { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--db-halvany); }
.kvl-lista .kvl-kerdezo i { color: var(--db-zold); }
.kvl-lista .kvl-kerdezo strong { color: var(--db-cim); }

.kvl-lista .tj-pagination { margin-top: 10px; }

@keyframes kvlBe { from { opacity: 0; transform: translateY(10px); } }
@media (prefers-reduced-motion: reduce) {
  .kvl-lista .kvl-kartya { animation: none; transition: none; }
  .kvl-lista .kvl-kartya:hover, .kvl-lista .kvl-kartya:hover .db-kv-jel { transform: none; }
}

@media (max-width: 767px) {
  .kvl-lista { gap: 16px; }
  .kvl-lista .kvl-kartya .db-kv-test { padding: 22px 16px 18px; }
  .kvl-lista .kvl-kartya h3 { font-size: 20px; }
}