/**
 * Baza wiedzy (pvg_kb) — arkusz ARCHIWUM /wiedza/growatt/.
 *
 * OSOBNY PLIK, nie inline <style>: BlogVault/Airlift odracza inline style poza
 * CSSOM (lekcja WOOCS 2026-08-09) — plik enqueue'owany przechodzi normalnie.
 * Tokeny: PROJECT-GUIDE §5 (IBM Carbon / PVGroup.pl). Idiomy hero/kart 1:1
 * z blog-archive.css i kb.css — spójność blog ↔ wiedza ↔ artykuł.
 * Kafle .npv-home-kb-card stylowane w homepage.css (enqueue site-wide) —
 * tu tylko modyfikator 3 kolumn.
 *
 * @since 3.99.0
 */

.pvg-kb-archive{background:#fff;color:#1B2A4A;}
.pvg-kb-archive .ast-container{max-width:100%;padding:0;}

/* ===== HERO (idiom .npv-blog-hero) ===== */
.pvg-kba-hero{background:var(--npv-navy,#1B2A4A);color:#fff;padding:48px 40px 42px;}
.pvg-kba-hero__inner{max-width:1140px;margin:0 auto;}
.pvg-kba-hero__crumb{font-size:13px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--npv-navy-40,#6B82A8);}
.pvg-kba-hero__crumb a{color:var(--npv-navy-20,#B0BDD0)!important;text-decoration:none;}
.pvg-kba-hero__crumb a:hover{color:var(--npv-orange,#F28C00)!important;}
.pvg-kba-hero__crumb .sep{color:#3D5A8A;}
.pvg-kba-hero__eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--npv-orange,#F28C00);margin:0 0 16px;}
.pvg-kba-hero__eyebrow::before{content:'';width:24px;height:1px;background:var(--npv-orange,#F28C00);flex:0 0 auto;}
/* Specyficznosc (0,2,0) + !important — bije h1{font-weight:300!important} z child
   theme (wzor blog-archive.css:91). */
.pvg-kb-archive .pvg-kba-hero__title{color:#fff!important;font-size:clamp(28px,4vw,44px)!important;font-weight:300!important;line-height:1.14!important;letter-spacing:-.5px;margin:0!important;max-width:20ch;}
.pvg-kb-archive .pvg-kba-hero__title strong{font-weight:600!important;color:var(--npv-orange,#F28C00)!important;}
.pvg-kba-hero__lead{margin-top:18px;max-width:64ch;color:var(--npv-navy-20,#B0BDD0);font-size:16px;line-height:1.65;}
.pvg-kba-hero__lead p{margin:0;}
.pvg-kba-hero__meta{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--npv-navy-2,#2A3F6A);font-size:12px;letter-spacing:.3px;color:var(--npv-navy-40,#6B82A8);font-variant-numeric:tabular-nums;}

/* ===== SIATKA KART ===== */
.pvg-kba-main{max-width:1140px;margin:0 auto;padding:40px 24px 56px;}
.pvg-kba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.pvg-kba-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--npv-border,#e0e0e0);border-radius:0;padding:0;transition:border-color .15s ease,transform .15s ease;}
.pvg-kba-card:hover{border-color:#c6c6c6;transform:translateY(-2px);}
.pvg-kba-card__tags{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:20px 24px 0;}
/* tagi 1:1 z kb.css */
.pvg-kba-card__tags .tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:2px;}
.pvg-kba-card__tags .tag-task{background:#FFF3E0;color:#B86800;}
.pvg-kba-card__tags .tag-series{background:#EDF1F7;color:#1B2A4A;}
.pvg-kba-card__title{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.1px;margin:12px 24px 0;padding:0;}
.pvg-kba-card__title a{color:#1B2A4A!important;text-decoration:none!important;transition:color .15s ease;}
.pvg-kba-card:hover .pvg-kba-card__title a{color:var(--npv-orange,#F28C00)!important;}
/* cala karta klikalna — stretched link, bez JS */
.pvg-kba-card__link::after{content:'';position:absolute;inset:0;}
.pvg-kba-card__lead{flex:1 1 auto;font-size:14px;line-height:1.6;color:#525252;margin:10px 24px 0;overflow-wrap:anywhere;}
.pvg-kba-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 0;padding:16px 24px 18px;border-top:1px solid #f0f2f6;min-height:40px;}
/* .pvg-kb-badge (zielony, kropka) przychodzi z kb.css — enqueue na archiwum */
.pvg-kba-card__pending{font-size:12px;color:var(--npv-muted,#8a92a6);}
.pvg-kba-card__go{font-size:13px;font-weight:600;color:var(--npv-orange,#F28C00);white-space:nowrap;transition:transform .15s ease;}
.pvg-kba-card:hover .pvg-kba-card__go{transform:translateX(3px);}

/* ===== TABELA "KTORY ARTYKUL WYBRAC" + PAS ZDJEC (v3.100.0) ===== */
.pvg-kba-pick{margin:0 0 32px;}
.pvg-kba-pick__heading{font-size:24px;font-weight:400;color:#1B2A4A;margin:0 0 14px;}
.pvg-kba-pick__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--npv-border,#e0e0e0);}
.pvg-kba-pick table{border-collapse:collapse;width:100%;font-size:14px;min-width:640px;}
.pvg-kba-pick thead th{background:#1B2A4A;color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:11px 14px;}
.pvg-kba-pick tbody td{padding:11px 14px;border-bottom:1px solid #e8ecef;vertical-align:top;color:#1B2A4A;}
.pvg-kba-pick tbody tr:last-child td{border-bottom:0;}
.pvg-kba-pick tbody tr:nth-child(even) td{background:#F7F9FB;}
.pvg-kba-pick td.t a{color:#1B2A4A;font-weight:600;text-decoration:none;}
.pvg-kba-pick td.t a:hover{color:var(--npv-orange,#F28C00);}
.pvg-kba-pick td.d{font-variant-numeric:tabular-nums;white-space:nowrap;color:#0e6027;font-weight:600;font-size:13px;}
.pvg-kba-media{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 0 36px;}
.pvg-kba-media figure{margin:0;border:1px solid #e0e4e8;border-radius:2px;overflow:hidden;background:#fff;}
.pvg-kba-media a{display:block;background:#fff;}
/* aspect-ratio + contain: pionowe zdjecia produktowe (np. dongle Shine) nie rozsadzaja pasa */
.pvg-kba-media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;padding:12px;box-sizing:border-box;}
.pvg-kba-media figcaption{font-size:12.5px;line-height:1.5;color:#52606D;background:#F7F9FB;padding:10px 14px;border-top:1px solid #e8ecef;}
@media (max-width:639px){
  .pvg-kba-media{grid-template-columns:1fr;gap:14px;}
  .pvg-kba-pick tbody td,.pvg-kba-pick thead th{padding:9px 10px;}
}

/* ===== PAGINACJA ===== */
.pvg-kba-pagination{margin:32px 0 0;font-size:14px;}
.pvg-kba-pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap;}
.pvg-kba-pagination .page-numbers{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--npv-border,#e0e0e0);color:#1B2A4A!important;text-decoration:none!important;font-variant-numeric:tabular-nums;}
.pvg-kba-pagination .page-numbers.current{background:#1B2A4A;border-color:#1B2A4A;color:#fff!important;}
.pvg-kba-pagination a.page-numbers:hover{border-color:var(--npv-orange,#F28C00);color:var(--npv-orange,#F28C00)!important;}

/* ===== PUSTE ARCHIWUM ===== */
.pvg-kba-empty{background:#f4f4f4;border:1px solid var(--npv-border,#e0e0e0);padding:52px 24px;text-align:center;}
.pvg-kba-empty__title{font-size:20px;font-weight:600;margin:0 0 8px;color:#1B2A4A;}
.pvg-kba-empty__text{font-size:15px;color:#525252;margin:0 0 20px;}

/* ===== KAFLE KRZYZOWE (3 kolumny; bazowe style w homepage.css) ===== */
.pvg-kba-cross{margin-top:48px;}
.pvg-kba-cross__heading{font-size:24px;font-weight:400;color:#1B2A4A;margin:0 0 4px;}
.pvg-kb-archive .npv-kb-choice-3{max-width:none;margin:20px 0 0;padding:0;}
@media (min-width:1024px){
  .pvg-kb-archive .npv-kb-choice-3{grid-template-columns:repeat(3,1fr);}
}

/* ===== TRUST-STRIP (idiom .npv-auth-bar) ===== */
.pvg-kba-trust{background:var(--npv-navy,#1B2A4A);border-top:3px solid var(--npv-orange,#F28C00);}
.pvg-kba-trust__inner{max-width:1184px;margin:0 auto;padding:32px 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.pvg-kba-trust__label{font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--npv-orange,#F28C00);margin:0 0 8px;}
.pvg-kba-trust__text{font-size:14px;line-height:1.6;color:var(--npv-navy-20,#B0BDD0);margin:0;}
.pvg-kba-trust__link{color:#fff!important;text-decoration:none!important;border-bottom:1px solid var(--npv-orange,#F28C00);white-space:nowrap;}
.pvg-kba-trust__link:hover{color:var(--npv-orange,#F28C00)!important;}

/* ===== MOBILE ===== */
@media (max-width:1023px){
  .pvg-kba-grid{gap:20px;}
}
@media (max-width:782px){
  .pvg-kba-trust__inner{grid-template-columns:1fr;gap:20px;padding:24px;}
}
@media (max-width:639px){
  .pvg-kba-hero{padding:36px 20px 32px;}
  .pvg-kba-grid{grid-template-columns:1fr;gap:16px;}
  .pvg-kba-main{padding:28px 16px 44px;}
  .pvg-kba-card__tags{padding:18px 20px 0;}
  .pvg-kba-card__title{margin:12px 20px 0;overflow-wrap:anywhere;}
  .pvg-kba-card__lead{margin:10px 20px 0;}
  .pvg-kba-card__foot{padding:14px 20px 16px;}
}
/* guard kaskady mobile (wzor blog-archive.css) */
.pvg-kb-archive,.pvg-kba-main,.pvg-kba-grid,.pvg-kba-card{max-width:100%;box-sizing:border-box;}

/* ===== v3.109.0 — SEKCJE ZADAN + PASEK NAWIGACJI (faza B) ===== */
.pvg-kba-tasknav{margin:0 0 28px;border-bottom:1px solid var(--npv-border,#e0e0e0);}
.pvg-kba-tasknav__list{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.pvg-kba-tasknav__item{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;color:#1B2A4A!important;text-decoration:none!important;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s ease,border-color .15s ease;}
.pvg-kba-tasknav__item:hover{color:var(--npv-orange,#F28C00)!important;border-bottom-color:var(--npv-orange,#F28C00);}
.pvg-kba-tasknav__count{font-size:12px;font-weight:600;color:#525252;background:#EDF1F7;padding:1px 7px;border-radius:9px;font-variant-numeric:tabular-nums;}
.pvg-kba-section{margin:0 0 40px;scroll-margin-top:96px;}
.pvg-kba-section__heading{display:flex;align-items:baseline;gap:10px;font-size:24px;font-weight:400;color:#1B2A4A;margin:0 0 16px;}
.pvg-kba-section__count{font-size:13px;font-weight:600;color:#525252;background:#EDF1F7;padding:2px 9px;border-radius:10px;font-variant-numeric:tabular-nums;}
.pvg-kba-pick__note{font-size:13px;color:#525252;margin:10px 0 0;}
.pvg-kba-tasknav,.pvg-kba-section{max-width:100%;box-sizing:border-box;}
/* v3.112.0 — pasek zadan przeniesiony na gore (pierwszy element po hero,
   zgloszenie LM 2026-08-13): wieksza waga wizualna niz wariant srodkowy. */
.pvg-kba-tasknav--top{margin:4px 0 32px;padding:6px 0 0;border-bottom:2px solid var(--npv-border,#e0e0e0);}
@media (max-width:639px){
  .pvg-kba-section{margin-bottom:32px;}
  .pvg-kba-section__heading{font-size:20px;}
}