/* Konspira Blog Plus — dodatki do blog.css */
.kbp-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:0;padding-bottom:0}
.kbp-head .preview{flex:1}
.filters a{border:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.4;padding:9px 17px}
.filters a:hover{border-color:var(--accent);color:var(--paper)}
.filters a[aria-current]{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.feature.is-pinned{border-color:#69764a}
.kbp-empty{color:var(--muted);margin:40px 0}

/* Nagłówek listy bloga */
.kbp-intro{display:block;text-align:center;padding:56px 0 34px}
.kbp-intro h1.kicker{font:11px/1.6 monospace;letter-spacing:2px;margin:0;color:var(--accent)}
.kbp-intro p{max-width:560px;margin:16px auto 0;font-size:18px;line-height:1.6;color:var(--muted)}

/* Wyszukiwarka, wyczyść, filtry */
.kbp-search{display:flex;gap:0;flex:0 1 340px;min-width:0}
.kbp-search input{flex:1;min-width:0;background:#191f15;border:1px solid var(--line);border-right:0;color:var(--paper);font:14px Arial,Helvetica,sans-serif;padding:10px 14px;border-radius:0;-webkit-appearance:none}
.kbp-search input::placeholder{color:var(--muted)}
.kbp-search input:focus{outline:none;border-color:var(--accent)}
.kbp-search button{background:var(--accent);color:var(--bg);border:1px solid var(--accent);font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:0 16px;cursor:pointer}
.kbp-clear{color:var(--accent);margin-left:10px;white-space:nowrap}
.kbp-filters{margin:16px 0 4px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Tagi pod wpisem */
.prose .kbp-tags{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:44px}
.prose .kbp-tags span{font:10px/1.6 monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-right:4px}
.prose .kbp-tags a{color:var(--accent);font-size:14px;border:0;padding:0;opacity:.85}
.prose .kbp-tags a:hover{opacity:1;text-decoration:underline}

/* Siatka kafli pod wyróżnionym wpisem */
.kbp-grid{grid-template-columns:repeat(3,1fr);gap:44px 30px;margin-top:0}
.kbp-tile{display:flex;flex-direction:column;align-items:flex-start}
.kbp-tile .card-art{width:100%;height:auto;aspect-ratio:3/2;margin-bottom:20px;border:1px solid var(--line)}
.kbp-tile .card-art.photo img{opacity:.9;transition:opacity .2s,transform .3s}
.kbp-tile .card-art.photo:after{background:linear-gradient(0deg,#10150d99,transparent 50%)}
.kbp-tile:hover .card-art.photo img{opacity:1;transform:scale(1.03)}
.kbp-tile .kbp-mark{background:radial-gradient(ellipse at 50% 85%,#46502b 0,transparent 60%),#10150d}
.kbp-tile .kbp-mark img{width:42%;max-height:70%;object-fit:contain;filter:drop-shadow(0 6px 20px #000)}
.kbp-tile .meta{margin-top:2px}
.kbp-tile h3{font-size:28px;margin:12px 0 12px}
.kbp-tile p{font-size:14px;line-height:1.65}
.kbp-tile .read{margin-top:auto;padding-top:18px}

/* Nawigacja pod wpisem */
.prose .kbp-series{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.prose .kbp-series-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.prose .kbp-series.is-single .kbp-series-cards{grid-template-columns:1fr}
.prose .kbp-series-cards a{display:block;border:1px solid var(--line);background:#191f15;padding:20px 22px;color:var(--paper);transition:border-color .2s}
.prose .kbp-series-cards a:hover{border-color:var(--accent)}
.prose .kbp-series-cards .next{text-align:right}
.prose .kbp-series.is-single .next{text-align:left}
.prose .kbp-series small{display:block;font:10px/1.6 monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.prose .kbp-series strong{display:block;font-family:Barlow,'Arial Narrow',sans-serif;font-weight:600;font-size:26px;line-height:1.1;text-transform:uppercase}
.prose .kbp-series-links{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font:11px/1.6 monospace;letter-spacing:1px;text-transform:uppercase}
.prose .kbp-series-links a{color:var(--muted);border:0}
.prose .kbp-series-links a:hover{color:var(--accent)}

/* Treść wpisów z edytora */
.prose img{max-width:100%;height:auto;display:block}
.prose figure{margin:35px 0}
.prose figcaption,.prose .wp-element-caption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:10px}
.prose h3{font-size:27px;margin:32px 0 14px}
.prose ul,.prose ol{font-size:18px;line-height:1.8;color:#c9cdbf;padding-left:22px;margin:0 0 25px}
.prose li{margin-bottom:6px}
.prose li::marker{color:var(--accent)}
.prose strong{color:var(--paper)}
.prose p a,.prose li a{color:var(--accent);border-bottom:1px solid #69764a}
.prose .wp-block-table{overflow-x:auto;margin:28px 0 32px}
.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left}
.prose th{color:var(--accent);font-weight:400}
.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.prose .wp-block-embed iframe,.prose iframe{width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0}
.prose .wp-block-button__link{display:inline-block;background:var(--accent);color:var(--bg);padding:12px 22px;font-size:13px;letter-spacing:1px;text-transform:uppercase;border:0}
.prose .wp-block-button__link:hover{color:var(--bg);opacity:.9}
.prose .wp-block-group.kb-box,.prose .kb-box{border:1px solid var(--line);background:#191f15;padding:22px 24px;margin:28px 0}
.prose .kb-box p:last-child,.prose .kb-box ul:last-child{margin-bottom:0}

@media(max-width:1100px){.kbp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
.kbp-grid{grid-template-columns:1fr;gap:34px}
.kbp-tile h3{font-size:26px}
.kbp-intro{padding:34px 0 22px}
.kbp-search{margin-top:14px}
.kbp-search input{font-size:16px}
.kbp-intro p{font-size:16px;margin-top:12px}
.article-side img{width:72px!important;margin:0!important}
.prose .kbp-series-cards{grid-template-columns:1fr}
.prose .kbp-series-cards .next{text-align:left}
.prose .kbp-series strong{font-size:22px}
.prose .kbp-series-links{flex-direction:column;gap:8px}
.kbp-head{display:block}
.filters{margin:14px 0 4px}
.filters a{padding:8px 13px}
.prose ul,.prose ol{font-size:17px}
.prose h3{font-size:24px}
}
