/* =====================================================================
   Agrár iratmintatár – listaoldal (/iratmintak, Imdok entitás), bexon-redesign 2026-11-10
   Az /ellenorzolistak és a /lapszamok dizájnja: az ak-* motor (adminisztralnom-kell.css) + az ellenorzolistak.css
   kiegészítői; ebben a fájlban CSAK a tények sávja, a modulcsomag-gombok darabszáma és a dokumentumsor van,
   mind `.ir-lista` alá szkópozva. JS-hookok: iratmintatar.js (data-ir-* attribútumok), iratminta.js (.imdokdownloader).
   ===================================================================== */

/* ---- TÉNYEK: négy világos csempe a bevezető alatt (utána a sötét kereső jön) ---- */
.ir-lista .ir-tenyek{list-style:none;margin:36px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1040px}
.ir-lista .ir-tenyek li{display:flex;align-items:center;gap:14px;margin:0;padding:16px 18px;border-radius:14px;background:var(--tj-color-common-white,#fff);
  border:1px solid var(--tj-color-border-1,#c9d1c9);box-shadow:0 2px 10px rgba(0,0,0,.04)}
.ir-lista .ir-tenyek i{flex:0 0 46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:var(--tj-color-theme-primary,#4b814d);
  background:linear-gradient(-45deg,rgba(46,125,50,.28) 0%,rgba(46,125,50,.05) 50%,rgba(46,125,50,.28) 100%);border:1px solid rgba(46,125,50,.22)}
.ir-lista .ir-tenyek span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.ir-lista .ir-tenyek b{font-size:16px;font-weight:700;color:var(--tj-color-heading-primary,#0c1e12)}
.ir-lista .ir-tenyek small{font-size:13px;color:var(--tj-color-text-body-3,#677a6e)}
@media(max-width:991px){.ir-lista .ir-tenyek{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ir-lista .ir-tenyek{grid-template-columns:minmax(0,1fr);gap:10px}.ir-lista .ir-tenyek li{padding:12px 14px}}

/* ---- modulcsomag-gombok (ak-dir) ---- */
.ir-lista .ir-dir{margin-top:26px}
.ir-lista .ir-dir-db{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;font-size:12px;font-weight:700;
  background:var(--tj-color-grey-1,#ecf0ec);color:var(--tj-color-text-body-3,#677a6e)}
.ir-lista .ak-dir button.is-active{border-color:var(--tj-color-theme-primary,#4b814d);background:var(--tj-color-theme-primary,#4b814d);color:#fff}
.ir-lista .ak-dir button.is-active i{color:#fff}
.ir-lista .ak-dir button.is-active .ir-dir-db{background:rgba(255,255,255,.22);color:#fff}
.ir-lista .ak-quick button.is-active{background:var(--tj-color-theme-primary,#4b814d);border-color:var(--tj-color-theme-primary,#4b814d)}
.ir-lista .ak-fbtn i{margin-right:4px}
/* a többi szűrővel együtt üres eredményt adó gomb: halványan, nem kattintható (az aktív gomb kikapcsolható marad) */
.ir-lista .ak-fbtn.is-ures{opacity:.4;cursor:default}
.ir-lista .ak-fbtn.is-ures:hover{border-color:var(--tj-color-border-3)}

/* ---- DOKUMENTUMSOROK ---- */
.ir-lista .ir-sorok{display:grid;gap:14px}
.ir-lista .ir-kartya{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:6px 24px;padding:20px 22px}
.ir-lista .ir-kartya[hidden]{display:none}
.ir-lista .ir-kartya > *:not(.bg-shape-1):not(.bg-shape-2){position:relative;z-index:2}
.ir-lista .ir-kartya:hover{transform:translateY(-2px)}

/* formátum-jelvény: fájl-alak behajtott sarokkal, a fájltípus színével (Word kék, Excel zöld, PDF piros) */
.ir-lista .ir-fajl{position:relative;align-self:start;width:62px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  border-radius:10px 18px 10px 10px;background:#eef3fb;border:1px solid #d3def0;color:#2b579a;transition:transform .25s ease}
.ir-lista .ir-fajl::after{content:"";position:absolute;top:-1px;right:-1px;width:18px;height:18px;border-radius:0 18px 0 8px;
  background:linear-gradient(225deg,var(--tj-color-common-white,#fff) 50%,#d3def0 50%)}
.ir-lista .ir-fajl i{font-size:25px;line-height:1}
.ir-lista .ir-fajl b{font-size:10.5px;font-weight:800;letter-spacing:.06em;line-height:1}
.ir-lista .ir-kartya:hover .ir-fajl{transform:rotate(-4deg) scale(1.04)}
.ir-lista .ir-fajl--excel{background:#eaf5ee;border-color:#cce5d5;color:#1e7145}
.ir-lista .ir-fajl--excel::after{background:linear-gradient(225deg,var(--tj-color-common-white,#fff) 50%,#cce5d5 50%)}
.ir-lista .ir-fajl--pdf{background:#fbefed;border-color:#f0d2cd;color:#b42318}
.ir-lista .ir-fajl--pdf::after{background:linear-gradient(225deg,var(--tj-color-common-white,#fff) 50%,#f0d2cd 50%)}
.ir-lista .ir-fajl--fajl{background:var(--tj-color-grey-1,#ecf0ec);border-color:var(--tj-color-border-1,#c9d1c9);color:var(--tj-color-theme-primary,#4b814d)}
.ir-lista .ir-fajl--fajl::after{background:linear-gradient(225deg,var(--tj-color-common-white,#fff) 50%,var(--tj-color-border-1,#c9d1c9) 50%)}

.ir-lista .ir-tartalom{min-width:0}
.ir-lista .ir-fej{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px}
.ir-lista .ir-fej .ak-cat{font-size:12px;letter-spacing:.03em}
.ir-lista .ir-fej .ak-status{font-size:11px;padding:3px 9px}
.ir-lista .ak-status.ir-demo{background:#e8f5e9;color:#1b5e20;border-color:#bfe3c4}
.ir-lista .ak-status.ir-demo i{color:#1b5e20}
.ir-lista .ir-cim{font-size:18.5px;line-height:1.35;margin:0 0 6px}
.ir-lista .ir-cim a{color:var(--tj-color-heading-primary,#0c1e12)}
.ir-lista .ir-cim a:hover{color:var(--tj-color-theme-primary,#4b814d)}
.ir-lista mark.ir-jelol{background:rgba(255,214,102,.5);color:inherit;padding:0 2px;border-radius:3px}
.ir-lista .ir-leiras{margin:0 0 10px;font-size:14.5px;line-height:1.55;color:var(--tj-color-text-body-3,#677a6e);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ir-lista .ir-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:13px;color:#4a564d}
.ir-lista .ir-meta li{display:inline-flex;align-items:center;gap:7px;margin:0}
.ir-lista .ir-meta i{color:var(--tj-color-theme-primary,#4b814d)}
.ir-lista .ir-meta .ir-tema{background:var(--tj-color-grey-1,#ecf0ec);border-radius:999px;padding:3px 10px;font-weight:600;color:var(--tj-color-heading-primary,#0c1e12)}

/* műveletek: Letöltés (fő) + Részletek */
.ir-lista .ir-gombok{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:172px}
.ir-lista .ir-gombok .tj-primary-btn{border:0;justify-content:space-between;font-size:15px;padding:4px 4px 4px 22px}
.ir-lista .ir-gombok .tj-primary-btn .btn-icon{width:38px;height:38px;font-size:17px}
.ir-lista .ir-gombok .tj-primary-btn .btn-icon i{transform:none}
.ir-lista .ir-gombok .tj-primary-btn.ir-zarolt{background-color:var(--tj-color-theme-dark-3,#36523e)}
.ir-lista .ir-gombok .tj-primary-btn.is-loading{opacity:.75;cursor:progress}
.ir-lista .ir-reszlet{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--tj-color-theme-primary,#4b814d)}
.ir-lista .ir-reszlet i{transition:transform .2s ease}
.ir-lista .ir-reszlet:hover{color:var(--tj-color-heading-primary,#0c1e12)}
.ir-lista .ir-reszlet:hover i{transform:translateX(3px)}

@media(max-width:991px){
  .ir-lista .ir-kartya{grid-template-columns:56px minmax(0,1fr);gap:6px 18px}
  .ir-lista .ir-fajl{width:56px;height:66px}
  .ir-lista .ir-gombok{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px 22px;min-width:0;margin-top:10px}
}
@media(max-width:575px){
  .ir-lista .ir-kartya{grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:16px}
  .ir-lista .ir-fajl{width:44px;height:52px;gap:3px;border-radius:8px 14px 8px 8px}
  .ir-lista .ir-fajl::after{width:14px;height:14px;border-radius:0 14px 0 6px}
  .ir-lista .ir-fajl i{font-size:19px}
  .ir-lista .ir-fajl b{font-size:9px}
  .ir-lista .ir-cim{font-size:16.5px}
  .ir-lista .ir-leiras{font-size:14px}
  .ir-lista .ir-meta{gap:6px 12px;font-size:12.5px}
  .ir-lista .ir-gombok{grid-column:1 / -1;justify-content:space-between}
}

/* kompakt sor (a részletoldal „Hasonló iratminták” blokkja – _IratmintaSor Kompakt): kisebb jelvény és cím, leírás nélkül */
.ir-lista .ir-kartya--kompakt{grid-template-columns:48px minmax(0,1fr) auto;gap:4px 20px;padding:16px 18px}
.ir-lista .ir-kartya--kompakt .ir-fajl{width:48px;height:57px;gap:3px;border-radius:8px 14px 8px 8px}
.ir-lista .ir-kartya--kompakt .ir-fajl::after{width:14px;height:14px;border-radius:0 14px 0 6px}
.ir-lista .ir-kartya--kompakt .ir-fajl i{font-size:20px}
.ir-lista .ir-kartya--kompakt .ir-fajl b{font-size:9px}
.ir-lista .ir-kartya--kompakt .ir-cim{font-size:16.5px;margin-bottom:4px}
.ir-lista .ir-kartya--kompakt .ir-meta{font-size:12.5px;gap:4px 14px}
.ir-lista .ir-kartya--kompakt .ir-gombok{min-width:150px;gap:8px}
.ir-lista .ir-kartya--kompakt .ir-gombok .tj-primary-btn{font-size:14px;padding:3px 3px 3px 18px}
.ir-lista .ir-kartya--kompakt .ir-gombok .tj-primary-btn .btn-icon{width:34px;height:34px;font-size:15px}
@media(max-width:991px){.ir-lista .ir-kartya--kompakt{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:575px){.ir-lista .ir-kartya--kompakt{grid-template-columns:44px minmax(0,1fr);padding:14px}}

/* „További iratminták” + segítség */
.ir-lista .ir-tobb-sav{display:flex;justify-content:center;margin-top:30px}
.ir-lista .ir-tobb-sav:has(> [hidden]){margin-top:0}
.ir-lista .ir-tobb{border:0}
.ir-lista .ir-tobb[hidden]{display:none}
.ir-lista .ak-noresult .ak-noresult-cta button.tj-primary-btn{border:0}
.ir-lista .ir-segitseg{margin:28px 0 0;text-align:center;font-size:15px;color:var(--tj-color-text-body-3,#677a6e)}
.ir-lista .ir-segitseg i{color:var(--tj-color-theme-primary,#4b814d);margin-right:6px}
.ir-lista .ir-segitseg a{font-weight:600;color:var(--tj-color-theme-primary,#4b814d);text-decoration:underline;text-underline-offset:3px}