/* =====================================================================
   PK Blog — styl listy wpisów (shortcode [pk_blog]) + pojedynczego wpisu
   Ciemny motyw Pana Kluczyka. Klasy prefiksowane pk-bl- / pk-post-.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500..900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* ---------- WRAPPER (full-bleed) ---------- */
.pk-blog{
	width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;
	background:#030305;color:#D6D3CA;
	font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;
}
.pk-blog *{box-sizing:border-box;margin:0;padding:0}
.pk-blog a{text-decoration:none;color:inherit}
.pk-blog h1{font-family:"Fraunces",Georgia,serif;color:#fff;letter-spacing:-.01em;line-height:1.14}
.pk-bl-wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* ---------- HERO ---------- */
.pk-bl-hero{position:relative;overflow:hidden;padding:78px 0 18px;text-align:center}
.pk-bl-hero::before{content:"";position:absolute;top:-180px;left:50%;transform:translateX(-50%);
	width:820px;height:480px;background:radial-gradient(ellipse,rgba(247,197,32,.15),transparent 68%);pointer-events:none}
.pk-bl-hero .pk-bl-wrap{position:relative}
.pk-bl-kicker{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
	color:#F7C520;margin-bottom:14px}
.pk-bl-hero h1{font-size:clamp(2.2rem,4.8vw,3.3rem);font-weight:900;margin-bottom:14px}
.pk-bl-hero p{max-width:600px;margin:0 auto;font-size:1.1rem;color:#D6D3CA}

/* ---------- FILTR KATEGORII ---------- */
.pk-bl-cats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.pk-bl-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;
	border:1.5px solid #2A2D36;background:#13151B;color:#D6D3CA;font-weight:700;font-size:.9rem;transition:.16s}
.pk-bl-pill:hover{border-color:#F7C520;color:#F7C520}
.pk-bl-pill.is-active{background:#F7C520;border-color:#F7C520;color:#030305}
.pk-bl-dot{width:8px;height:8px;border-radius:50%}
.pk-bl-dot-life{background:#F7C520}
.pk-bl-dot-biz{background:#5BD16A}
.pk-bl-pill.is-active .pk-bl-dot{background:#030305}

/* ---------- LISTA ---------- */
.pk-bl-list{padding:34px 0 92px}

/* ---------- ODZNAKI KATEGORII ---------- */
.pk-bl-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;letter-spacing:.05em;
	text-transform:uppercase;padding:5px 11px;border-radius:999px;white-space:nowrap}
.pk-bl-badge-life{background:rgba(247,197,32,.13);color:#F7C520;border:1px solid rgba(247,197,32,.3)}
.pk-bl-badge-biz{background:rgba(91,209,106,.12);color:#5BD16A;border:1px solid rgba(91,209,106,.3)}

/* ---------- WPIS WYRÓŻNIONY ---------- */
.pk-bl-feat{display:grid;grid-template-columns:1.05fr .95fr;background:#13151B;border:1px solid #1F2128;
	border-radius:24px;overflow:hidden;transition:.18s}
.pk-bl-feat:hover{border-color:#F7C520;transform:translateY(-3px)}
.pk-bl-feat-thumb{position:relative;min-height:330px;display:flex}
.pk-bl-feat-body{padding:38px 36px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.pk-bl-feat-title{font-family:"Fraunces",Georgia,serif;color:#fff;font-weight:800;
	font-size:clamp(1.4rem,2.4vw,1.95rem);line-height:1.18;letter-spacing:-.01em}
.pk-bl-feat-excerpt{font-size:1rem;color:#8B8E96}

/* ---------- SIATKA WPISÓW ---------- */
.pk-bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.pk-bl-card{display:flex;flex-direction:column;background:#13151B;border:1px solid #1F2128;
	border-radius:20px;overflow:hidden;transition:.18s}
.pk-bl-card:hover{transform:translateY(-4px);border-color:#F7C520}
.pk-bl-card-thumb{position:relative;display:flex;height:180px}
.pk-bl-card-thumb .pk-bl-badge{position:absolute;top:12px;left:12px}
.pk-bl-card-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.pk-bl-card-title{font-family:"Fraunces",Georgia,serif;color:#fff;font-weight:700;font-size:1.12rem;
	line-height:1.3;margin-bottom:8px}
.pk-bl-card-excerpt{font-size:.9rem;color:#8B8E96;margin-bottom:16px}

/* ---------- MINIATURY / PLACEHOLDER ---------- */
.pk-bl-img{width:100%;height:100%;object-fit:cover;display:block}
.pk-bl-feat-thumb .pk-bl-img,.pk-bl-card-thumb .pk-bl-img{position:absolute;inset:0}
.pk-bl-ph{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
	color:#4a4d57;background:radial-gradient(circle at 30% 30%,rgba(247,197,32,.13),transparent 60%),
	linear-gradient(150deg,#1a1c24,#0B0C10)}
.pk-bl-ph svg{opacity:.55}
.pk-bl-ph small{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}

/* ---------- STOPKA KARTY ---------- */
.pk-bl-foot{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#8B8E96}
.pk-bl-card-foot{margin-top:auto;justify-content:space-between;border-top:1px solid #1F2128;padding-top:13px;font-size:.78rem}
.pk-bl-sep{opacity:.5}
.pk-bl-rm{display:inline-flex;align-items:center;font-weight:800;font-size:.9rem;color:#F7C520;margin-top:4px}
.pk-bl-rm-sm{color:#F7C520;font-weight:800}
.pk-bl-feat:hover .pk-bl-rm,.pk-bl-card:hover .pk-bl-rm-sm{color:#FFDB4D}

/* ---------- STAN PUSTY ---------- */
.pk-bl-empty{text-align:center;padding:70px 20px;background:#13151B;border:1px solid #1F2128;border-radius:20px}
.pk-bl-empty p{color:#8B8E96;font-size:1.05rem}

/* =====================================================================
   POJEDYNCZY WPIS — ciemny artykuł
   ===================================================================== */
body.single-post .entry-content{font-size:1.07rem;line-height:1.75;color:#D6D3CA}
body.single-post .entry-content p{margin:0 0 20px}
body.single-post .entry-content h2{font-family:"Fraunces",Georgia,serif;color:#fff;font-weight:800;
	font-size:1.5rem;letter-spacing:-.01em;margin:38px 0 14px}
body.single-post .entry-content h3{font-family:"Fraunces",Georgia,serif;color:#fff;font-weight:700;
	font-size:1.22rem;margin:30px 0 12px}
body.single-post .entry-content a{color:#F7C520;text-decoration:underline}
body.single-post .entry-content img{border-radius:16px}
body.single-post .entry-content blockquote{border-left:3px solid #F7C520;padding:6px 0 6px 22px;margin:28px 0;
	font-family:"Fraunces",Georgia,serif;font-size:1.3rem;font-weight:600;font-style:italic;color:#fff;line-height:1.4}
body.single-post .entry-content blockquote p{margin:0}
body.single-post .entry-content ul,body.single-post .entry-content ol{margin:0 0 20px 1.2em}
body.single-post .entry-content li{margin-bottom:8px}

/* Kafelek kontaktowy na końcu wpisu */
.pk-post-cta{margin:44px 0 6px;text-align:center;border-radius:20px;padding:32px 28px;
	background:linear-gradient(180deg,#13110a,#0B0C10);border:1px solid #3A3320}
.pk-post-cta h3{font-family:"Fraunces",Georgia,serif;color:#fff;font-weight:800;font-size:1.32rem;margin:0 0 8px}
.pk-post-cta p{color:#8B8E96;font-size:.97rem;margin:0 0 18px}
.pk-post-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#F7C520;color:#030305;
	font-weight:800;font-size:.95rem;padding:14px 26px;border-radius:999px;text-decoration:none;transition:.18s}
.pk-post-cta-btn:hover{background:#fff}

/* ---------- RESPONSYWNOŚĆ ---------- */
@media(max-width:860px){
	.pk-bl-feat{grid-template-columns:1fr}
	.pk-bl-feat-thumb{min-height:210px}
	.pk-bl-feat-body{padding:28px 24px}
	.pk-bl-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
	.pk-bl-hero{padding:54px 0 14px}
	.pk-bl-list{padding:28px 0 64px}
	.pk-bl-grid{grid-template-columns:1fr}
}
