/* blog.css - balticmed bootscore-child.
   Szablony bloga/Edukacji (single.php, page-edukacja.php, category.php)
   + single lekarza (single-zespol.php). Jezyk v5 "Fala": mierzona kolumna
   edytorska bez sidebara, fala w geometrii znaku jako separator, akcenty W2.
   Ladowany po templates.css, przed polish.css (W2 nadpisze .eyebrow itd.). */

/* =====================================================================
   SINGLE WPISU (.p-blog article.post)
   ===================================================================== */

/* -- czolowka artykulu: waska kolumna, duzy Jost -- */
.post-hero{padding:56px 0 8px}
.post-hero .wrap,.post-copy-wrap,.post-toc-wrap{max-width:820px}
.post-hero .meta-top{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline}
.post-hero h1{font-size:clamp(1.9rem,4vw,3rem);color:var(--deep);margin:.45em 0 .4em;max-width:22em}
.post-hero .lead{font-size:1.18rem;line-height:1.6;color:var(--muted);max-width:38em}
.post-hero .meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;
  font-family:Jost,sans-serif;font-weight:500;font-size:.92rem;color:var(--muted)}
.post-hero .meta .dot{opacity:.4}
.post-hero .meta b{color:var(--ink);font-weight:600}

/* -- ilustracja otwierajaca: blob-radius jak foto pillarow -- */
.post-figura{padding:26px 0 8px}
.post-figura .wrap{max-width:980px}
.post-figura img{width:100%;aspect-ratio:21/10;object-fit:cover;
  border-radius:26px 110px 26px 26px;box-shadow:0 22px 48px rgba(35,32,72,.14)}

/* -- spis tresci -- */
.post-toc{margin:34px auto 0;background:var(--wash);border-radius:calc(var(--r) + 4px);padding:26px 30px}
.post-toc .eyebrow{margin-bottom:12px}
.post-toc ol{list-style:none;column-count:2;column-gap:36px;counter-reset:toc}
.post-toc li{break-inside:avoid;counter-increment:toc;margin-bottom:2px}
.post-toc li.pod{margin-left:18px;counter-increment:none}
.post-toc a{display:flex;gap:10px;align-items:baseline;text-decoration:none;color:var(--ink);
  font-family:Jost,sans-serif;font-weight:500;font-size:.96rem;padding:7px 10px;border-radius:10px;
  transition:background .12s ease,color .12s ease}
.post-toc li:not(.pod) a::before{content:counter(toc,decimal-leading-zero);font-size:.78rem;color:#1B6E9E;flex:0 0 auto}
.post-toc li.pod a::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--fala);align-self:center}
.post-toc a:hover{background:#fff;color:var(--deep)}
@media(max-width:700px){.post-toc ol{column-count:1}}

/* -- korpus artykulu: mierzona kolumna, spokojna typografia -- */
.post-copy{padding:40px 0 8px}
.post-copy .wrap>*{max-width:68ch}
.post-copy p{font-size:1.06rem;line-height:1.75;color:var(--muted);margin-bottom:18px}
.post-copy b,.post-copy strong{color:var(--ink);font-weight:600}
.post-copy h2{font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--deep);margin:1.7em 0 .55em;scroll-margin-top:110px}
.post-copy h3{font-size:1.22rem;color:var(--deep);margin:1.6em 0 .5em;scroll-margin-top:110px}
.post-copy h3 b,.post-copy h2 b{color:inherit;font-weight:inherit}
.post-copy ul,.post-copy ol{margin:0 0 20px;padding-left:1.35em;color:var(--muted)}
.post-copy li{margin-bottom:8px;line-height:1.65}
.post-copy ul li::marker{color:#1B6E9E}
.post-copy ol li::marker{font-family:Jost,sans-serif;font-weight:600;color:#1B6E9E}
.post-copy a{color:#17618F;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(27,110,158,.4)}
.post-copy a:hover{color:var(--deep);text-decoration-color:currentColor}
.post-copy img{border-radius:var(--r);margin:30px auto;box-shadow:0 16px 36px rgba(35,32,72,.12)}
.post-copy blockquote{position:relative;background:var(--wash);border-radius:calc(var(--r) + 4px);
  padding:28px 32px;margin:30px 0;overflow:hidden}
.post-copy blockquote p{color:var(--ink);font-size:1.1rem;margin-bottom:0}
.post-copy blockquote::after{content:"";position:absolute;right:-34px;bottom:-46px;width:190px;height:70px;
  background:no-repeat center/contain url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 232" fill="none" stroke="%236AC1E8" stroke-width="26" stroke-linecap="round" opacity=".35"><path d="M20 90c100-89 200-89 300 0s200 89 300 0"/><path d="M20 141c100-89 200-89 300 0s200 89 300 0"/></svg>')}
.post-copy table{display:block;overflow-x:auto;border-collapse:collapse;margin:26px 0;font-size:.98rem}
.post-copy th,.post-copy td{border:1px solid var(--line);padding:10px 14px;text-align:left;color:var(--muted)}
.post-copy th{font-family:Jost,sans-serif;font-weight:600;color:var(--deep);background:var(--wash)}

/* -- separator: fala w geometrii znaku -- */
.fala-hr{display:block;width:120px;height:auto;margin:44px auto 0;color:var(--fala)}

/* -- band autora -- */
.autor-band{padding:28px 0 8px}
.autor-band .wrap{max-width:820px}
.autor-karta{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid #C2DFF1;
  border-radius:calc(var(--r) + 4px);padding:22px 26px}
.autor-mono{flex:0 0 64px;width:64px;height:64px;border-radius:50%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,var(--wash),var(--wash2));color:var(--deep);
  font-family:Jost,sans-serif;font-weight:600;font-size:1.3rem}
.autor-mono img{width:100%;height:100%;object-fit:cover}
.autor-karta .kto b{display:block;font-family:Jost,sans-serif;font-weight:600;font-size:1.05rem;color:var(--deep)}
.autor-karta .kto span{font-size:.9rem;color:var(--muted)}
.autor-karta .nota{margin-left:auto;max-width:24em;font-size:.85rem;color:var(--muted);text-align:right}
@media(max-width:700px){.autor-karta{flex-wrap:wrap}.autor-karta .nota{margin-left:0;text-align:left}}

/* -- czytaj tez -- */
.czytaj-tez{background:var(--paper)}
.czytaj-tez .sec-head{display:flex;align-items:baseline;justify-content:space-between;max-width:none;gap:20px;flex-wrap:wrap}
.czytaj-tez .sec-head .wszystkie{font-family:Jost,sans-serif;font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap}
.czytaj-tez .sec-head .wszystkie::after{content:" →"}
.czytaj-tez .sec-head .wszystkie:hover{color:#17618F}

/* =====================================================================
   ARCHIWUM /edukacja/ + kategorie
   ===================================================================== */
.eduarch-hero{padding:56px 0 18px}
.eduarch-hero h1{font-size:clamp(2rem,4.4vw,3.2rem);color:var(--deep);margin:.35em 0 .4em}
.eduarch-hero .lead{font-size:1.14rem;color:var(--muted);max-width:44em}

/* -- rozkladowka najnowszego wpisu -- */
.edu-split{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center;
  background:#fff;border:1px solid #C2DFF1;border-radius:calc(var(--r) + 8px);
  padding:30px;margin-bottom:56px;text-decoration:none;
  transition:transform .15s ease,box-shadow .15s ease}
.edu-split:hover{transform:translateY(-3px);box-shadow:0 24px 52px rgba(51,42,95,.12)}
.edu-split .foto{aspect-ratio:16/10;border-radius:20px 90px 20px 20px;overflow:hidden;background:#D6ECF9}
.edu-split .foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.9,.3,1)}
.edu-split:hover .foto img{transform:scale(1.04)}
.edu-split .tresc time{font-family:Jost,sans-serif;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.edu-split .tresc h2{font-size:clamp(1.4rem,2.6vw,2rem);color:var(--deep);margin:.5em 0 .5em}
.edu-split .tresc p{color:var(--muted);max-width:34em}
.edu-split .tresc .read{display:inline-block;margin-top:18px;font-family:Jost,sans-serif;font-weight:500;color:var(--ink)}
.edu-split .tresc .read::after{content:" →"}
.edu-split:hover .tresc .read{color:#17618F}
.edu-split .naj{display:inline-block;font-family:Jost,sans-serif;font-weight:600;font-size:.78rem;
  letter-spacing:.16em;text-transform:uppercase;color:#17618F;background:#D6ECF9;
  border-radius:999px;padding:.35em 1em;margin-bottom:14px}
@media(max-width:900px){.edu-split{grid-template-columns:1fr;gap:24px;padding:20px}}

/* siatka archiwum dziedziczy .edu-grid/.edu z theme.css; kafel bez foto: */
.edu .thumb-mono{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,var(--wash),var(--wash2));color:var(--fala)}
.edu .thumb-mono svg{width:64px}
.eduarch-grid{padding-top:0}

/* -- paginacja -- */
.edu-pag{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:48px;
  font-family:Jost,sans-serif;font-weight:500}
.edu-pag .page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 12px;border-radius:12px;text-decoration:none;
  color:var(--ink);border:1px solid transparent;transition:background .12s ease,border-color .12s ease}
.edu-pag a.page-numbers:hover{background:var(--wash);border-color:#C2DFF1;color:var(--deep)}
.edu-pag .page-numbers.current{background:var(--deep);color:#fff}
.edu-pag .page-numbers.dots{border:0}

/* -- band newslettera -- */
.news-band{background:linear-gradient(135deg,var(--deep),var(--ink));color:#fff;
  border-radius:calc(var(--r) + 8px);padding:56px 48px;margin-top:64px;
  position:relative;overflow:hidden}
.news-band .band-fala{position:absolute;right:-60px;top:-40px;width:440px;color:#fff;opacity:.07;
  transform:rotate(-6deg);pointer-events:none}
.news-band .eyebrow{color:#9fd9f2}
.news-band h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:.4em 0 .4em;max-width:18em}
.news-band p{opacity:.88;max-width:38em}
.news-band .gform_wrapper{margin-top:22px;max-width:480px}
@media(max-width:700px){.news-band{padding:40px 26px}}

/* =====================================================================
   SINGLE LEKARZA (.p-lekarz)
   ===================================================================== */
.lek{padding:56px 0 8px}
.lek .lek-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:60px;align-items:start}
.lek-aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:18px}
.lek-foto{aspect-ratio:2/3;border-radius:24px 24px 110px 24px;overflow:hidden;
  box-shadow:0 22px 48px rgba(35,32,72,.16);background:linear-gradient(160deg,var(--wash),var(--wash2))}
.lek-foto img{width:100%;height:100%;object-fit:cover;object-position:center top}
.lek-foto.lek-mono{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--deep)}
.lek-foto.lek-mono span{font-family:Jost,sans-serif;font-weight:600;font-size:3rem;opacity:.7}
.lek-foto.lek-mono svg{width:72px;color:var(--fala)}
.lek-kontakt{background:var(--wash);border-radius:calc(var(--r) + 4px);padding:24px 26px}
.lek-kontakt h3{font-size:1.06rem;color:var(--deep);margin-bottom:12px}
.lek-kontakt ul{list-style:none;display:grid;gap:10px}
.lek-kontakt li b{display:block;font-family:Jost,sans-serif;font-weight:600;font-size:.96rem;color:var(--deep)}
.lek-kontakt li b a{text-decoration:none;color:inherit}
.lek-kontakt li b a:hover{color:#17618F}
.lek-kontakt li span{font-size:.88rem;color:var(--muted)}
.lek-kontakt li a.tel{font-family:Jost,sans-serif;font-weight:500;font-size:.92rem;color:#17618F;text-decoration:none}
.lek-kontakt li a.tel:hover{text-decoration:underline}
.lek-tresc h1{font-size:clamp(1.9rem,4vw,2.9rem);color:var(--deep);margin:.35em 0 .3em}
.lek-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.lek-tags .chip{font-family:Jost,sans-serif;font-weight:500;font-size:.9rem;color:var(--ink);
  border:1.5px solid #C6DFEF;border-radius:999px;padding:.4em 1em;text-decoration:none;
  transition:background .12s ease,color .12s ease,border-color .12s ease}
.lek-tags a.chip:hover{border-color:#1B6E9E;background:#1B6E9E;color:#fff}
.lek-bio{margin-top:26px}
.lek-bio p{font-size:1.05rem;line-height:1.7;color:var(--muted);max-width:62ch;margin-bottom:16px}
.lek-bio b,.lek-bio strong{color:var(--ink)}
.lek-pillar{margin-top:26px}
.lek .final{margin:56px 0 0}
@media(max-width:900px){
  .lek .lek-grid{grid-template-columns:1fr;gap:30px}
  .lek-aside{position:static;flex-direction:row;flex-wrap:wrap}
  .lek-foto{flex:0 0 min(62vw,300px);max-width:300px}
  .lek-kontakt{flex:1 1 260px}
}
