/* ============================================================
   NU Lista Aktualności — styl (Networking Union)
   Fonty lokalne: DM Sans, JetBrains Mono. Paleta: #339454, #6BB85D, #0a0a0a, #fff.
   ============================================================ */

.nu-akt-wrap, .nu-akt-wrap *{box-sizing:border-box;}
.nu-akt-wrap{font-family:'DM Sans',-apple-system,sans-serif;}

/* --- SIATKA --- */
.nu-akt-grid{
  display:grid;
  gap:26px;
  grid-template-columns:repeat(3,1fr);
}
.nu-akt-grid.nu-akt-cols-1{grid-template-columns:1fr;}
.nu-akt-grid.nu-akt-cols-2{grid-template-columns:repeat(2,1fr);}
.nu-akt-grid.nu-akt-cols-3{grid-template-columns:repeat(3,1fr);}
.nu-akt-grid.nu-akt-cols-4{grid-template-columns:repeat(4,1fr);}

/* --- KAFEL --- */
.nu-akt-card{
  background:#fff;
  border:1px solid rgba(10,10,10,0.1);
  border-radius:16px;
  overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.nu-akt-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 44px rgba(10,10,10,0.09);
  border-color:rgba(51,148,84,0.3);
}

/* --- ZDJĘCIE --- */
.nu-akt-card-media{display:block;overflow:hidden;line-height:0;}
.nu-akt-card-media img{
  width:100%;aspect-ratio:16/10;object-fit:cover;display:block;
  transition:transform .4s ease;
}
.nu-akt-card:hover .nu-akt-card-media img{transform:scale(1.04);}
.nu-akt-card-noimg{
  display:block;width:100%;aspect-ratio:16/10;
  background:linear-gradient(135deg,#339454,#0a0a0a);
}

/* --- TREŚĆ KAFLA --- */
.nu-akt-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.nu-akt-card-meta{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
}
.nu-akt-card-date{color:#339454;}
.nu-akt-card-cat{
  color:rgba(10,10,10,0.5);
  padding-left:12px;border-left:1px solid rgba(10,10,10,0.15);
}
.nu-akt-card-title{
  font-family:'DM Sans',-apple-system,sans-serif;
  font-size:18px;font-weight:700;line-height:1.28;letter-spacing:-0.01em;margin:0 0 10px;
}
.nu-akt-card-title a{color:#0a0a0a;text-decoration:none;transition:color .2s ease;}
.nu-akt-card-title a:hover{color:#339454;}
.nu-akt-card-excerpt{
  font-size:14px;line-height:1.6;color:rgba(10,10,10,0.55);margin:0 0 18px;
}
.nu-akt-card-btn{
  margin-top:auto;align-self:flex-start;
  font-size:13.5px;font-weight:700;color:#339454;text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;transition:gap .25s ease, color .2s ease;
}
.nu-akt-card-btn:hover{color:#2c8149;gap:11px;}
.nu-akt-card-btn .nu-akt-arrow{transition:transform .25s ease;}

.nu-akt-empty{
  grid-column:1 / -1;text-align:center;color:rgba(10,10,10,0.5);font-size:15px;padding:40px 0;
}

/* --- PAGINACJA NUMEROWANA --- */
.nu-akt-pagination{
  display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:36px;
}
.nu-akt-pagination .page-numbers{
  min-width:40px;height:40px;padding:0 10px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(10,10,10,0.15);border-radius:10px;
  color:rgba(10,10,10,0.7);font-weight:700;font-size:14px;text-decoration:none;
  font-family:'DM Sans',-apple-system,sans-serif;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.nu-akt-pagination .page-numbers:hover{border-color:#339454;color:#339454;}
.nu-akt-pagination .page-numbers.current{background:#339454;border-color:#339454;color:#fff;}
.nu-akt-pagination .page-numbers.dots{border:none;background:none;}

/* --- ZAŁADUJ WIĘCEJ --- */
.nu-akt-loadmore-wrap{display:flex;justify-content:center;margin-top:36px;}
.nu-akt-loadmore{
  font-family:'DM Sans',-apple-system,sans-serif;
  font-size:15px;font-weight:700;color:#fff;background:#339454;
  border:none;border-radius:100px;padding:14px 34px;cursor:pointer;
  transition:transform .25s ease, background .25s ease, opacity .2s ease;
}
.nu-akt-loadmore:hover{background:#2c8149;transform:translateY(-2px);}
.nu-akt-loadmore.is-loading{opacity:0.6;pointer-events:none;}
.nu-akt-loadmore.is-done{display:none;}

/* --- RESPONSYWNOŚĆ --- */
@media(max-width:1024px){
  .nu-akt-grid.nu-akt-cols-3,
  .nu-akt-grid.nu-akt-cols-4{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .nu-akt-grid{grid-template-columns:1fr !important;gap:20px;}
}