/*
Name: Style wpisów bazy wiedzy
Slug: wpisy-bazy-wiedzy
Version: 1.1.0
Description: Wygląd artykułów, listy i archiwów bazy wiedzy w kolorach portalu.
Module: style-wpisow-bazy-wiedzy
Scope: front
Load: manual
Media: all

1.1.0: kolory z warstwy ft-core (tokeny --ft-* z jasnym zapasem), arkusz wydzielony z modułu.
*/

body.single-post{ background:var(--ft-bg, #F7F8F5); }
body.single-post #page, body.single-post .site-content{ background:var(--ft-bg, #F7F8F5); }
body.single-post .entry-content{ font-family:"Instrument Sans",sans-serif; color:var(--ft-text-2, #474D55);
    max-width:820px; margin-left:auto; margin-right:auto; -webkit-font-smoothing:antialiased; }
body.single-post .entry-header{ max-width:820px; margin:5.5rem auto 0; padding:0 1.25rem; }
body.single-post .entry-header .entry-title{ font-family:"Archivo",sans-serif; color:var(--ft-text, #191D22);
    font-size:clamp(1.7rem,3.4vw,2.5rem); font-weight:800; letter-spacing:-0.02em; line-height:1.15; }
body.single-post .entry-content{ padding:0 1.25rem 3rem; }
body.single-post .entry-content > p{ font-size:clamp(0.95rem,1.2vw,1rem); line-height:1.85; color:var(--ft-text-2, #474D55); margin:0 0 1.15rem; }
body.single-post .entry-content > p:first-of-type{ font-size:1.08rem; color:var(--ft-text-2, #474D55); }
body.single-post .entry-content h2{ font-family:"Archivo",sans-serif; color:var(--ft-text, #191D22);
    font-size:clamp(1.2rem,2.4vw,1.35rem); font-weight:700; letter-spacing:-0.01em; margin:2.2rem 0 0.8rem; }
body.single-post .entry-content h3{ font-family:"Archivo",sans-serif; color:var(--ft-text, #191D22);
    font-size:clamp(1rem,2vw,1.08rem); font-weight:700; margin:1.7rem 0 0.6rem; }
body.single-post .entry-content strong{ color:var(--ft-text, #191D22); font-weight:600; }
body.single-post .entry-content a{ color:var(--ft-accent-text, #4E6A00); text-decoration:underline; text-underline-offset:2px;
    transition:color 0.18s cubic-bezier(0.4,0,0.2,1); }
body.single-post .entry-content a:hover{ color:var(--ft-accent-text, #4E6A00); }
body.single-post .entry-content ul, body.single-post .entry-content ol{ margin:0 0 1.15rem; padding-left:1.4rem; }
body.single-post .entry-content ul{ list-style:disc; }
body.single-post .entry-content ol{ list-style:decimal; }
body.single-post .entry-content li{ color:var(--ft-text-2, #474D55); line-height:1.8; margin-bottom:0.4rem; }
body.single-post .entry-content li::marker{ color:var(--ft-accent-text, #4E6A00); }
body.single-post .entry-content .tc-note{ border:1px solid var(--ft-line, #E0E4DE); border-left:3px solid var(--ft-accent-line, #6A8700);
    border-radius:6px; background:var(--ft-surface, #FFFFFF); padding:1rem 1.15rem; margin:1.4rem 0; }
body.single-post .entry-content .tc-note p{ margin:0; font-size:0.95rem; color:var(--ft-text-2, #474D55); }
body.single-post .entry-content .tc-cta{ display:inline-flex; align-items:center; gap:0.5rem;
    background:var(--ft-accent, #C8F52B); color:var(--ft-accent-ink, #191D22) !important; font-weight:700; text-decoration:none;
    border-radius:6px; padding:0.85rem 1.6rem; margin:0.6rem 0 0;
    transition:background-color 0.2s cubic-bezier(0.4,0,0.2,1), transform 0.2s cubic-bezier(0.4,0,0.2,1); }
body.single-post .entry-content .tc-cta:hover{ background:var(--ft-accent-hover, #B5DE1F); color:var(--ft-accent-ink, #191D22) !important; transform:translateY(-1px); }
body.single-post .entry-meta, body.single-post .entry-header .posted-on,
body.single-post .entry-header .ast-single-post-order{ color:var(--ft-muted, #626970); }
body.single-post .entry-content .tc-cta{ width:100%; justify-content:center; min-height:48px; }
body.single-post .entry-content img{ max-width:100%; height:auto; border-radius:8px; }
@media (min-width:640px){
    body.single-post .entry-header{ margin-top:6.5rem; padding:0 1.5rem; }
    body.single-post .entry-content{ padding:0 1.5rem 4rem; }
    body.single-post .entry-content .tc-cta{ width:auto; }
}

/* Obrazek wyrozniajacy: w kolumnie tresci, nie na cala szerokosc.
   Selektory z .site-content, zeby przebic regule Astry
   .ast-no-sidebar .site-content .ast-article-image-container--wide (-120px). */
body.single-post .site-content .ast-single-post-featured-section{
    max-width:820px; width:auto; margin:5.5rem auto 0; padding:0 1.25rem; box-sizing:border-box; }
body.single-post .site-content .ast-single-post-featured-section img{
    width:100%; height:auto; max-height:420px; object-fit:cover; display:block;
    border-radius:8px; border:1px solid var(--ft-line, #E0E4DE); }
body.single-post .ast-single-post-featured-section + article .entry-header{ margin-top:1.9rem; }
@media (min-width:640px){
    body.single-post .site-content .ast-single-post-featured-section{ margin-top:6.5rem; padding:0 1.5rem; } }

/* ===== LISTA WPISOW (Baza wiedzy i archiwa) ===== */
body.blog, body.archive.category, body.archive.tag, body.archive.author{ background:var(--ft-bg, #F7F8F5); }
body.blog #page, body.blog .site-content,
body.archive #page, body.archive .site-content{ background:var(--ft-bg, #F7F8F5); }
body.blog .ast-container, body.archive .ast-container{ max-width:none; padding-left:0; padding-right:0; }
body.blog .site .site-content #primary, body.archive .site .site-content #primary{
    max-width:1200px; width:100%; margin:0 auto;
    padding:0 1.25rem 3.5rem; box-sizing:border-box; float:none; }

.tc-kbhero{ margin:0; padding:5.5rem 0 1.5rem; }
.tc-kbhero__eyebrow{ display:flex; align-items:center; gap:0.6rem; color:var(--ft-muted, #626970);
    font-family:"Instrument Sans",sans-serif; font-size:0.75rem; font-weight:600;
    letter-spacing:0.15em; text-transform:uppercase; margin:0 0 0.7rem; }
.tc-kbhero__eyebrow i{ width:8px; height:8px; background:var(--ft-accent, #C8F52B); transform:rotate(45deg); }
.tc-kbhero__title{ font-family:"Archivo",sans-serif; color:var(--ft-text, #191D22); margin:0 0 0.5rem;
    font-size:clamp(1.8rem,4vw,2.7rem); font-weight:800; letter-spacing:-0.02em; line-height:1.12; }
.tc-kbhero__sub{ font-family:"Instrument Sans",sans-serif; color:var(--ft-text-2, #474D55);
    font-size:clamp(0.95rem,1.4vw,1.05rem); line-height:1.7; margin:0; max-width:640px; }

.ast-blog-layout-4-grid .ast-row{ display:grid; grid-template-columns:1fr; gap:1.25rem; margin:0; }
@media (min-width:640px){ .ast-blog-layout-4-grid .ast-row{ grid-template-columns:repeat(2,1fr); gap:1.5rem; } }
@media (min-width:1024px){ .ast-blog-layout-4-grid .ast-row{ grid-template-columns:repeat(3,1fr); } }
.ast-blog-layout-4-grid .ast-article-post{ width:auto; max-width:none; padding:0; margin:0; float:none; }
.ast-blog-layout-4-grid .ast-article-inner{
    position:relative; height:100%; background:var(--ft-surface, #FFFFFF); border:1px solid var(--ft-line, #E0E4DE);
    border-radius:8px; overflow:hidden; box-shadow:none;
    transition:border-color 0.22s cubic-bezier(0.4,0,0.2,1), transform 0.22s cubic-bezier(0.4,0,0.2,1); }
.ast-blog-layout-4-grid .ast-article-inner:hover{ border-color:var(--ft-line-2, #CDD2CA); transform:translateY(-3px); }
.ast-blog-layout-4-grid .post-content{ display:flex; flex-direction:column; gap:0.6rem;
    padding:1.4rem 1.4rem 1.5rem; font-family:"Instrument Sans",sans-serif; }
.ast-blog-layout-4-grid .post-thumb img{ width:100%; height:200px; object-fit:cover; display:block; border-radius:0; }
.ast-blog-layout-4-grid .ast-blog-featured-section{ order:-2; margin:-1.4rem -1.4rem 0.5rem; }
.ast-blog-layout-4-grid .ast-blog-featured-section .post-thumb-img-content{ margin:0; }
.ast-blog-layout-4-grid .ast-no-thumb .ast-blog-featured-section{ display:none; }
.ast-blog-layout-4-grid .cat-links{ order:-1; }
.ast-blog-layout-4-grid .post-content, .ast-blog-layout-4-grid .post-content *{ text-align:left; }
.ast-blog-layout-4-grid .cat-links a{
    display:inline-flex; font-size:0.68rem; font-weight:600; letter-spacing:0.1em;
    text-transform:uppercase; color:var(--ft-accent-text, #4E6A00); text-decoration:none;
    border:1px solid color-mix(in srgb, var(--ft-accent-line, #6A8700) 45%, transparent); border-radius:4px; padding:0.28rem 0.55rem;
    transition:border-color 0.18s cubic-bezier(0.4,0,0.2,1); }
.ast-blog-layout-4-grid .cat-links a:hover{ border-color:var(--ft-accent-line, #6A8700); }
.ast-blog-layout-4-grid .entry-title{ font-family:"Archivo",sans-serif;
    font-size:1.12rem; font-weight:700; line-height:1.35; letter-spacing:-0.01em; margin:0; }
.ast-blog-layout-4-grid .entry-title a{ color:var(--ft-text, #191D22); text-decoration:none;
    transition:color 0.18s cubic-bezier(0.4,0,0.2,1); }
.ast-blog-layout-4-grid .entry-title a:hover{ color:var(--ft-accent-text, #4E6A00); }
/* cala karta klikalna */
.ast-blog-layout-4-grid .entry-title a::after{ content:""; position:absolute; inset:0; }
.ast-blog-layout-4-grid .entry-header{ margin:0; }
.ast-blog-layout-4-grid .entry-meta{ color:var(--ft-muted, #626970); font-size:0.8rem; line-height:1.5; }
.ast-blog-layout-4-grid .entry-meta a{ color:var(--ft-muted, #626970); text-decoration:none; position:relative; z-index:1; }
.ast-blog-layout-4-grid .ast-excerpt-container p{ color:var(--ft-text-2, #474D55); font-size:0.92rem;
    line-height:1.7; margin:0; }
.ast-blog-layout-4-grid .entry-content{ display:none; }
body.blog .ast-pagination, body.archive .ast-pagination{ margin-top:2.25rem; }
body.blog .ast-pagination .page-numbers, body.archive .ast-pagination .page-numbers{
    display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px;
    border:1px solid var(--ft-line, #E0E4DE); border-radius:6px; color:var(--ft-text, #191D22); text-decoration:none; font-weight:600;
    transition:border-color 0.18s cubic-bezier(0.4,0,0.2,1); }
body.blog .ast-pagination .page-numbers:hover{ border-color:var(--ft-muted, #626970); }
body.blog .ast-pagination .page-numbers.current{ background:var(--ft-accent, #C8F52B); color:var(--ft-accent-ink, #191D22); border-color:var(--ft-accent, #C8F52B); }
@media (min-width:640px){ .tc-kbhero{ padding:6.5rem 0 1.75rem; }
    body.blog .site .site-content #primary,
    body.archive .site .site-content #primary{ padding:0 1.5rem 4.5rem; } }
