/* ——— Strona wpisów /blog/ („Poradniki”) — wariant B1, 2026-10-08 ———
   Ładowane tylko na is_home() (AVM_Blog::style). Paleta firmowa: granat #121e65,
   złoto #fbbf24, zieleń #0e561f. Gradienty pisane dosłownie (LiteSpeed Critical CSS
   gubi var() w gradientach). */

.avm-blog{display:flex;flex-direction:column;gap:36px;padding:24px 0 56px}
.avm-blog h1,.avm-blog h2,.avm-blog h3{color:#121e65}

/* nagłówek */
.avm-blog__h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.avm-blog__intro{display:flex;flex-direction:column;gap:12px;max-width:760px}
.avm-blog__oko{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0e561f}
.avm-blog__intro h1{margin:0;font-size:46px;line-height:1.08;font-weight:800;letter-spacing:-.01em}
.avm-blog__intro p{margin:0;font-size:17px;line-height:1.6;color:#4a5272}

.avm-blog__szukaj{display:flex;width:100%;max-width:380px;background:#fff;border:1px solid #d5daea;border-radius:12px;overflow:hidden}
.avm-blog__szukaj input{flex:1;min-width:0;border:0;padding:0 16px;height:48px;font:inherit;font-size:15px;color:#1b2240;background:transparent;outline:none}
.avm-blog__szukaj:focus-within{border-color:#121e65;box-shadow:0 0 0 3px rgba(18,30,101,.12)}
.avm-blog__szukaj button{width:48px;border:0;background:#121e65;color:#fff;cursor:pointer;font-size:16px}
.avm-blog__szukaj button:hover{background:#0c1550}
.avm-blog__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.avm-blog__wynik{margin:-12px 0 0;font-size:15px;color:#4a5272}
.avm-blog__wynik a{font-weight:600;color:#121e65}

/* wspólne: klikalna cała karta */
.avm-blog__top,.avm-blog__karta{position:relative;background:#fff;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}
.avm-blog__link{color:inherit}
.avm-blog__link::after{content:"";position:absolute;inset:0;z-index:1}
.avm-blog__top:hover .avm-blog__link,.avm-blog__karta:hover .avm-blog__link{text-decoration:underline}
.avm-blog__link:focus-visible{outline:none}
.avm-blog__top:focus-within,.avm-blog__karta:focus-within{outline:3px solid #fbbf24;outline-offset:3px}

.avm-blog__brak{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(255,255,255,.9);font-size:40px}
.avm-blog__brak--0{background:linear-gradient(135deg,#1a2a7a,#0c1550)}
.avm-blog__brak--1{background:linear-gradient(135deg,#13692a,#0e561f)}
.avm-blog__brak--2{background:linear-gradient(135deg,#243a9a,#121e65)}

/* wyróżniony wpis */
/* Grafiki wpisów mają jeden format: 16:9 (zalecane 1600 × 900 px). Kafelki,
   duża karta i strona wpisu (wpis.css) używają tej samej proporcji, więc grafika
   w tym formacie nigdzie nie jest przycinana (16:9 — decyzja Michała 2026-10-08). */
.avm-blog__top{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:center;padding:16px;border-radius:20px;box-shadow:0 1px 2px rgba(18,30,101,.06),0 12px 32px rgba(18,30,101,.08)}
.avm-blog__top:hover{box-shadow:0 1px 2px rgba(18,30,101,.08),0 18px 40px rgba(18,30,101,.14)}
.avm-blog__top-im{aspect-ratio:16/9;max-width:100%;border-radius:14px;overflow:hidden;background:#e8ebf5}
.avm-blog__top-im img{width:100%;height:100%;object-fit:cover;display:block}
.avm-blog__top-tresc{padding:28px 32px 28px 36px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.avm-blog__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;font-weight:600;color:#5b6383}
.avm-blog__plakietka{background:#fbbf24;color:#1b1400;padding:6px 12px;border-radius:999px}
.avm-blog__top h2{margin:0;font-size:32px;line-height:1.2;font-weight:800}
.avm-blog__top p{margin:0;font-size:16px;line-height:1.65;color:#4a5272}
.avm-blog__dalej{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#121e65;transition:gap .2s ease}
.avm-blog__top:hover .avm-blog__dalej{gap:12px}

/* siatka */
.avm-blog__siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:28px}
.avm-blog__karta{display:flex;flex-direction:column;border-radius:16px;box-shadow:0 1px 2px rgba(18,30,101,.06),0 6px 18px rgba(18,30,101,.06)}
.avm-blog__karta:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(18,30,101,.08),0 14px 30px rgba(18,30,101,.12)}
.avm-blog__im{aspect-ratio:16/9;overflow:hidden;background:#e8ebf5}
.avm-blog__im img{width:100%;height:100%;object-fit:cover;display:block}
.avm-blog__tresc{display:flex;flex-direction:column;gap:12px;flex-grow:1;padding:22px 24px 26px}
.avm-blog__tresc time{font-size:13px;font-weight:600;color:#5b6383}
.avm-blog__karta h3{margin:0;font-size:19px;line-height:1.35;font-weight:700}
.avm-blog__karta p{margin:0;font-size:15px;line-height:1.6;color:#4a5272}

/* paginacja — granat zamiast niebieskiego z base.css, tylko tutaj */
.avm-blog .pagination .nav-links{margin-top:0}
.avm-blog .pagination .page-numbers{min-width:44px;height:44px;color:#121e65;border-color:#d5daea;border-radius:10px;font-weight:700}
.avm-blog .pagination .page-numbers.current{background:#121e65;border-color:#121e65;color:#fff}
.avm-blog .pagination a.page-numbers:hover{border-color:#121e65}

.avm-blog__pusto{background:#fff;border-radius:16px;padding:40px;text-align:center}
.avm-blog__pusto h2{margin:0 0 8px;font-size:24px}
.avm-blog__pusto p{margin:0;color:#4a5272}

/* wezwanie do kontaktu — copy zgodne z zakresem usługi: specyfikacja i kosztorys, nie wniosek */
.avm-blog__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:40px 44px;border-radius:20px;background:linear-gradient(135deg,#1a2a7a,#0c1550);color:#fff}
.avm-blog__cta div{display:flex;flex-direction:column;gap:8px;max-width:640px}
.avm-blog__cta h2{margin:0;font-size:26px;font-weight:800;color:#fff}
.avm-blog__cta p{margin:0;font-size:16px;line-height:1.6;color:#d6dbf3}
.avm-blog__cta-btn{display:inline-flex;align-items:center;height:52px;padding:0 26px;border-radius:12px;background:#fbbf24;color:#1b1400;font-weight:700}
.avm-blog__cta-btn:hover{background:#f5b014;color:#1b1400}

@media (max-width:760px){
  .avm-blog{gap:28px;padding:12px 0 40px}
  .avm-blog__intro h1{font-size:32px}
  .avm-blog__intro p{font-size:16px}
  .avm-blog__szukaj{max-width:none}
  .avm-blog__top{padding:10px}
  .avm-blog__top-im{border-radius:12px}
  .avm-blog__top-tresc{padding:18px 14px 20px;gap:14px}
  .avm-blog__top h2{font-size:24px}
  .avm-blog__siatka{gap:20px}
  .avm-blog__cta{padding:28px 24px}
  .avm-blog__cta h2{font-size:22px}
  .avm-blog__cta-btn{width:100%;justify-content:center}
}