/* Holispace — blog (lista + wpis). Reużywa zmiennych i klas z main.css. */

/* ===== Lista / archiwum ===== */
.blog-archive{padding:2.8rem 0 3.6rem}
.blog-archive .sec-head{max-width:none;margin-bottom:1.9rem}
.blog-archive .search-form{margin-top:1.1rem;display:flex;gap:.5rem;max-width:440px}
.search-form input[type=search]{flex:1;font-family:var(--font-body);font-size:.9rem;padding:.72rem .95rem;border:1px solid var(--line-dark);border-radius:10px;background:#fff;color:var(--ink)}
.search-form input[type=search]:focus{outline:none;border-color:var(--gold)}
.search-form button{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.05rem;border:0;border-radius:10px;background:var(--green-800);color:var(--cream);cursor:pointer}
.search-form button:hover{background:var(--green-700)}

@media(max-width:900px){.blog-archive .blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.blog-archive .blog-grid{grid-template-columns:1fr}}

/* karta z miniaturą (rozszerza .blog-card tylko w kontekście archiwum) */
.blog-archive .blog-card{padding:0;overflow:hidden}
.blog-card-link{display:flex;flex-direction:column;height:100%}
.blog-thumb{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--cream)}
.blog-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.blog-card:hover .blog-thumb img{transform:scale(1.045)}
.blog-card-body{display:flex;flex-direction:column;flex:1;padding:1.35rem 1.45rem 1.55rem}
.blog-card-body h3{font-family:var(--font-display);font-size:1.4rem;font-weight:500;color:var(--ink);line-height:1.2;margin-bottom:.5rem}
.blog-card-body p{font-size:.86rem;color:var(--ink-soft);line-height:1.55}
.blog-card-body .blog-meta{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;color:var(--ink-soft);margin-top:.55rem}
.blog-card-body .blog-more{margin-top:auto;padding-top:.9rem}

/* paginacja */
.blog-pagination{margin-top:2.6rem}
.blog-pagination .nav-links{display:flex;gap:.4rem;align-items:center;justify-content:center;flex-wrap:wrap}
.blog-pagination .page-numbers{font-family:var(--font-mono);font-size:.74rem;min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 .65rem;border:1px solid var(--line-dark);border-radius:9px;color:var(--ink);text-decoration:none}
.blog-pagination .page-numbers.current{background:var(--green-800);color:var(--cream);border-color:var(--green-800)}
.blog-pagination a.page-numbers:hover{border-color:var(--gold);color:var(--gold)}

/* ===== Pojedynczy wpis ===== */
.wrap-narrow{max-width:760px;margin-inline:auto;padding-inline:1.4rem}
.post-wrap{padding:2.7rem 0 3.6rem}
.post-head{text-align:center;margin-bottom:.4rem}
.post-head .eyebrow{justify-content:center;margin-bottom:1rem}
.post-title{font-size:clamp(2rem,4.4vw,3.1rem);color:var(--ink)}
.post-meta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--ink-soft);margin-top:1rem}
.post-hero{margin:1.9rem auto 2.3rem;max-width:1040px;padding-inline:1.4rem}
.post-hero img{width:100%;height:auto;border-radius:var(--r);display:block}

.post-body{font-family:var(--font-body);font-size:1.05rem;line-height:1.78;color:var(--ink-soft)}
.post-body h2,.post-body h3,.post-body h4{font-family:var(--font-display);font-weight:500;color:var(--ink);line-height:1.2;margin:2rem 0 .7rem}
.post-body h2{font-size:1.85rem}
.post-body h3{font-size:1.45rem}
.post-body p{margin-bottom:1.15rem}
.post-body a{color:var(--green-600);text-decoration:underline;text-underline-offset:2px}
.post-body a:hover{color:var(--gold)}
.post-body ul,.post-body ol{padding-left:1.35rem;margin-bottom:1.15rem}
.post-body li{margin-bottom:.4rem}
.post-body img{max-width:100%;height:auto;border-radius:10px;margin:1.2rem 0}
.post-body blockquote{border-left:3px solid var(--gold);padding:.3rem 0 .3rem 1.2rem;margin:1.7rem 0;font-family:var(--font-display);font-size:1.3rem;font-style:italic;color:var(--ink)}
.post-body strong{color:var(--ink);font-weight:600}
.post-body em{font-style:italic}
.post-foot{margin-top:2.8rem;text-align:center}

/* ===== Poprawki: wyszukiwarka, klauzula, nawigacja wpisów ===== */
.blog-archive .search-form{align-items:stretch}
.search-form .search-field{height:auto}
.search-form .search-submit{white-space:nowrap}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}

/* klauzula medyczna pod treścią wpisu */
.post-disclaimer{margin-top:2.1rem;padding-top:1.4rem;border-top:1px solid var(--line-dark);font-size:.85rem;font-style:italic;line-height:1.65;color:var(--ink-soft)}

/* nawigacja poprzedni / następny wpis */
.post-nav{display:flex;justify-content:space-between;gap:1.4rem;margin:2.4rem auto 0;padding-top:1.8rem;border-top:1px solid var(--line-dark)}
.post-nav-link{display:flex;flex-direction:column;gap:.3rem;max-width:47%;text-decoration:none}
.post-nav-next{margin-left:auto;text-align:right;align-items:flex-end}
.post-nav-label{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.post-nav-title{font-family:var(--font-display);font-size:1.12rem;line-height:1.25;color:var(--gold-ink,#b0871d)}
.post-nav-link:hover .post-nav-title{color:var(--gold)}
@media(max-width:560px){.post-nav{flex-direction:column}.post-nav-link{max-width:100%}.post-nav-next{text-align:left;align-items:flex-start;margin-left:0}}

/* złoty akcent pod nagłówkami H2 we wpisie (jak na obecnej stronie) */
.post-body h2{padding-bottom:.55rem}
.post-body h2::after{content:"";display:block;width:64px;height:2px;margin-top:.6rem;background:var(--gold);border-radius:2px}