/* ==========================================================================
   pb-article.css — jednolita typografia treści wpisów blogowych
   Nadpisuje różne, wygenerowane przez Elementor style poszczególnych wpisów,
   tak aby każdy artykuł wyglądał identycznie i czytelnie.
   Marka: navy #0d1b2a / #12255A, akcent pomarańcz #F36C1A.
   ========================================================================== */

:root{
  --pb-navy:#0d1b2a;
  --pb-navy-2:#12255A;
  --pb-orange:#F36C1A;
  --pb-orange-dark:#d45c12;
  --pb-ink:#1c2733;
  --pb-muted:#5a6875;
  --pb-line:#e6eaef;
  --pb-article-max:760px;
}

/* --- hero nowych wpisów (importowanych) --- */
.pb-post-hero{
  background:var(--pb-navy);
  padding:70px 24px 54px;
}
.pb-post-hero__inner{max-width:var(--pb-article-max);margin:0 auto;}
.pb-post-hero__cat{
  display:inline-block;font:700 12px/1 Arial,Helvetica,sans-serif;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--pb-orange);
  margin-bottom:18px;
}
.pb-post-hero h1{
  font:800 clamp(28px,4.2vw,44px)/1.14 Arial,Helvetica,sans-serif;
  color:#fff !important;margin:0;letter-spacing:-.5px;
}
.pb-post-hero__meta{
  margin-top:18px;font:400 14px/1.4 Arial,Helvetica,sans-serif;color:#93a1b3;
  display:flex;gap:12px;flex-wrap:wrap;align-items:center;
}
.pb-post-hero__meta .dot{color:#3a4a63;}
.pb-article-body{padding-top:38px !important;padding-bottom:40px !important;}

/* --- nagłówek artykułu (tytuł + meta) generowany przez szablon --- */
.pb-article-head{
  max-width:var(--pb-article-max);
  margin:0 auto;
  padding:56px 24px 8px;
}
.pb-article-head .pb-article-cat{
  display:inline-block;
  font:700 12px/1 Arial,Helvetica,sans-serif;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--pb-orange);
  margin-bottom:16px;
}
.pb-article-head h1{
  font:800 clamp(28px,4vw,42px)/1.15 Arial,Helvetica,sans-serif;
  color:var(--pb-navy) !important;
  margin:0 0 16px;
  letter-spacing:-.5px;
}
.pb-article-meta{
  font:400 14px/1.4 Arial,Helvetica,sans-serif;
  color:var(--pb-muted);
  display:flex;gap:14px;flex-wrap:wrap;align-items:center;
  border-bottom:1px solid var(--pb-line);
  padding-bottom:22px;
}
.pb-article-meta .dot{color:var(--pb-line)}

/* --- ciało artykułu: nadpisuje Elementor --- */
.pb-article-body,
.elementor-widget-theme-post-content .elementor-widget-container{
  max-width:var(--pb-article-max);
  margin:0 auto;
  padding:8px 24px 8px;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:18px !important;
  line-height:1.75 !important;
  color:var(--pb-ink) !important;
}

/* akapity */
.elementor-widget-theme-post-content p,
.pb-article-body p{
  margin:0 0 1.35em !important;
  font-size:18px !important;
  line-height:1.75 !important;
  color:var(--pb-ink) !important;
  font-family:Arial,Helvetica,sans-serif !important;
}

/* nagłówki śródtytułowe */
.elementor-widget-theme-post-content h2,
.pb-article-body h2{
  font:800 28px/1.25 Arial,Helvetica,sans-serif !important;
  color:var(--pb-navy) !important;
  margin:2em 0 .6em !important;
  letter-spacing:-.3px;
  padding-left:14px;
  border-left:4px solid var(--pb-orange);
}
.elementor-widget-theme-post-content h3,
.pb-article-body h3{
  font:700 22px/1.3 Arial,Helvetica,sans-serif !important;
  color:var(--pb-navy-2) !important;
  margin:1.6em 0 .5em !important;
}
.elementor-widget-theme-post-content h4,
.pb-article-body h4{
  font:700 18px/1.35 Arial,Helvetica,sans-serif !important;
  color:var(--pb-navy-2) !important;
  margin:1.4em 0 .4em !important;
}

/* listy */
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.pb-article-body ul,.pb-article-body ol{
  margin:0 0 1.35em !important;
  padding-left:1.4em !important;
  font-size:18px !important;
  line-height:1.75 !important;
  color:var(--pb-ink) !important;
}
.elementor-widget-theme-post-content li,
.pb-article-body li{
  margin:.35em 0 !important;
  color:var(--pb-ink) !important;
}
.elementor-widget-theme-post-content ul li::marker,
.pb-article-body ul li::marker{color:var(--pb-orange)}

/* linki */
.elementor-widget-theme-post-content a,
.pb-article-body a{
  color:var(--pb-orange) !important;
  text-decoration:underline;
  text-underline-offset:2px;
}
.elementor-widget-theme-post-content a:hover,
.pb-article-body a:hover{color:var(--pb-orange-dark) !important}

/* wyróżnienia */
.elementor-widget-theme-post-content strong,
.pb-article-body strong{color:var(--pb-navy) !important;font-weight:700 !important}

/* cytaty */
.elementor-widget-theme-post-content blockquote,
.pb-article-body blockquote{
  margin:1.6em 0 !important;
  padding:6px 0 6px 22px !important;
  border-left:4px solid var(--pb-orange) !important;
  font-size:20px !important;
  line-height:1.6 !important;
  color:var(--pb-navy-2) !important;
  font-style:italic;
  background:none !important;
}

/* obrazy */
.elementor-widget-theme-post-content img,
.pb-article-body img{
  max-width:100% !important;height:auto !important;
  border-radius:10px;
  margin:1.4em auto !important;display:block;
}

/* tabele */
.elementor-widget-theme-post-content table,
.pb-article-body table{
  width:100% !important;border-collapse:collapse;margin:1.6em 0 !important;
  font-size:16px !important;
}
.elementor-widget-theme-post-content th,
.elementor-widget-theme-post-content td,
.pb-article-body th,.pb-article-body td{
  border:1px solid var(--pb-line) !important;padding:10px 12px !important;text-align:left;
}
.elementor-widget-theme-post-content th,
.pb-article-body th{background:#f5f7fa !important;color:var(--pb-navy) !important;font-weight:700}

@media(max-width:600px){
  .pb-article-head{padding-top:36px}
  .elementor-widget-theme-post-content .elementor-widget-container,
  .pb-article-body{font-size:17px !important}
}