/* blog.css - blog ADBL Protect (index + artykul). Dziedziczy tokeny z base.css/folia-ppf.css. */

/* ===== INDEX ===== */
.bl-head{background:#0a0a0c;padding:clamp(70px,10vh,130px) 5vw clamp(30px,5vh,60px)}
.bl-head-inner{max-width:1180px;margin:0 auto}
.bl-head h1{font-family:var(--ff-head,"Oswald"),sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.01em;font-size:clamp(40px,7vw,84px);line-height:.95;margin:.15em 0 .25em;color:#fff}
.bl-lead{color:var(--steel,#c8ccd0);font-size:clamp(16px,1.7vw,20px);max-width:680px;line-height:1.5}

.bl-grid-wrap{background:#0a0a0c;padding:0 5vw clamp(60px,10vh,120px)}
.bl-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.bl-card{background:#131316;border:1px solid var(--line,#26262a);border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.bl-card:hover{transform:translateY(-4px);border-color:rgba(255,90,0,.5);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.bl-card-media{display:block;aspect-ratio:16/10;overflow:hidden}
.bl-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bl-card:hover .bl-card-media img{transform:scale(1.05)}
.bl-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
.bl-meta{display:flex;align-items:center;gap:9px;font-family:var(--ff-mono,"Roboto Mono"),monospace;
  font-size:12px;letter-spacing:.05em;color:var(--dim,#8b9096);text-transform:uppercase}
.bl-cat{color:var(--hot,#ff5a00);font-weight:700;text-decoration:none}
.bl-dot{opacity:.5}
.bl-card h2{font-family:var(--ff-head,"Oswald"),sans-serif;font-weight:600;font-size:23px;line-height:1.15;
  text-transform:none;margin:0}
.bl-card h2 a{color:#fff;text-decoration:none}
.bl-card:hover h2 a{color:var(--hot,#ff5a00)}
.bl-card p{color:var(--steel,#c8ccd0);font-size:15px;line-height:1.55;margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-more{margin-top:auto;color:var(--hot,#ff5a00);font-weight:600;font-size:14px;text-decoration:none;
  letter-spacing:.02em}
.bl-more:hover{text-decoration:underline}
.bl-empty{max-width:1180px;margin:0 auto;color:var(--steel,#c8ccd0);font-size:18px;padding:40px 0}

/* ===== ARTYKUL ===== */
.bl-art-head{position:relative;padding:clamp(90px,15vh,190px) 5vw clamp(34px,6vh,68px);
  background:linear-gradient(180deg,rgba(6,6,8,.55) 0%,rgba(6,6,8,.78) 55%,rgba(6,6,8,.96) 100%),
    var(--bl-hero) center/cover no-repeat;background-color:#0a0a0c}
.bl-art-head-inner{max-width:760px;margin:0 auto}
.bl-art-head h1{font-family:var(--ff-head,"Oswald"),sans-serif;font-weight:700;color:#fff;
  font-size:clamp(30px,4.6vw,54px);line-height:1.05;text-transform:none;margin:.35em 0 .3em;
  text-shadow:0 2px 20px rgba(0,0,0,.6)}
.bl-art-head .bl-lead{color:#e4e7ea;max-width:720px}
.bl-art-head .bl-meta a{color:var(--hot,#ff5a00)}

.bl-art-body{max-width:760px;margin:0 auto;padding:clamp(30px,6vh,60px) 5vw clamp(60px,10vh,110px);
  color:var(--steel,#c8ccd0)}
.bl-art-body h2{font-family:var(--ff-head,"Oswald"),sans-serif;font-weight:600;color:#fff;
  font-size:clamp(23px,2.8vw,32px);line-height:1.15;text-transform:none;margin:1.9em 0 .5em;letter-spacing:.005em}
.bl-art-body h2:first-child{margin-top:0}
.bl-art-body p{font-size:17px;line-height:1.72;margin:0 0 1.15em}
.bl-art-body strong{color:#fff;font-weight:600}
.bl-art-body ul{margin:0 0 1.3em;padding-left:0;list-style:none}
.bl-art-body ul li{position:relative;padding-left:26px;margin:0 0 .7em;font-size:17px;line-height:1.62}
.bl-art-body ul li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;
  background:var(--hot,#ff5a00);transform:rotate(45deg)}
.bl-art-body a{color:var(--hot,#ff5a00)}

/* CTA w artykule */
.bl-cta{margin:2.4em 0 1.5em;padding:32px 30px;background:#131316;border:1px solid var(--line,#26262a);
  border-left:3px solid var(--hot,#ff5a00);border-radius:8px}
.bl-cta h3{font-family:var(--ff-head,"Oswald"),sans-serif;font-weight:600;color:#fff;font-size:23px;
  text-transform:none;margin:0 0 .35em}
.bl-cta p{margin:0 0 1.1em;font-size:16px}
/* przycisk CTA: wymus czytelny tekst (inaczej .bl-art-body a robi pomaranczowy na pomaranczowym) */
.bl-cta .hd-cta,.bl-art-body .bl-cta .hd-cta{display:inline-block;color:#0a0a0a!important;text-decoration:none}
.bl-cta .hd-cta:hover{color:#0a0a0a!important}
.bl-back{margin-top:2.2em}
.bl-back a{color:var(--dim,#8b9096);font-family:var(--ff-mono,"Roboto Mono"),monospace;font-size:13px;
  letter-spacing:.04em;text-decoration:none}
.bl-back a:hover{color:var(--hot,#ff5a00)}

@media(max-width:640px){
  .bl-grid{grid-template-columns:1fr;gap:20px}
  .bl-art-body p,.bl-art-body ul li{font-size:16px}
}