/*
Theme Name: Ekspert Polonii Child
Theme URI: https://ekspertpolonii.pl
Description: Motyw potomny GeneratePress dla portalu Ekspert Polonii. System designu, wzorce bloków i szablon artykułu.
Author: Ekspert Polonii
Template: generatepress
Version: 1.0.0
Text Domain: ekspert-polonii
*/

/* =========================================================
   1. TOKENY
   ========================================================= */
:root{
  --ep-primary:#1f3a5f;
  --ep-accent:#e07b39;
  --ep-accent-dark:#c56526;
  --ep-text:#1c2430;
  --ep-text-muted:#52606d;
  --ep-border:#dde3ec;
  --ep-bg:#f4f6f9;
  --ep-white:#ffffff;
}

/* =========================================================
   2. BAZA
   ========================================================= */
body{
  font-size:17px;
  line-height:1.7;
  color:var(--ep-text);
  background:var(--ep-bg);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;}
a{color:var(--ep-primary);text-underline-offset:2px;}
a:hover,a:focus{color:var(--ep-accent-dark);}
h1,h2,h3{line-height:1.25;font-weight:700;color:var(--ep-primary);}
h1{font-size:clamp(1.75rem,1.15rem + 2.7vw,2.6rem);letter-spacing:-.01em;}
h2{font-size:clamp(1.4rem,1rem + 1.6vw,2rem);letter-spacing:-.01em;}
h3{font-size:clamp(1.15rem,.95rem + .7vw,1.35rem);}
p{text-wrap:pretty;}
:focus-visible{outline:3px solid var(--ep-accent);outline-offset:2px;}

.ep-container{width:100%;max-width:1140px;margin-inline:auto;padding-inline:20px;}
.ep-reading{max-width:720px;margin-inline:auto;}
.ep-section{padding-block:clamp(2.25rem,1.5rem + 3vw,3.75rem);}
.ep-eyebrow{
  display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ep-accent-dark);margin-bottom:.6rem;
}

/* Sekcje pełnej szerokości wewnątrz treści strony */
.ep-full{
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
}
.ep-full > .wp-block-group__inner-container,
.ep-full > .ep-container{
  width:100%;max-width:1140px;margin-inline:auto;padding-inline:20px;
}

/* =========================================================
   3. PRZYCISKI (mapowanie na core/button)
   ========================================================= */
.ep-btn,
.wp-block-button__link,
.wp-element-button,
button.ep-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:52px;padding:.7rem 1.5rem;
  font-size:1.125rem;font-weight:700;line-height:1.2;
  color:var(--ep-white);background:var(--ep-accent);
  border:2px solid var(--ep-accent);border-radius:8px;
  text-decoration:none;cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease;
}
.ep-btn:hover,.ep-btn:focus-visible,
.wp-block-button__link:hover,.wp-block-button__link:focus-visible{
  background:var(--ep-accent-dark);border-color:var(--ep-accent-dark);color:var(--ep-white);
}
.ep-btn--block,.wp-block-button.is-style-ep-block .wp-block-button__link{width:100%;}

/* Wariant Ghost, rejestrowany w functions.php */
.wp-block-button.is-style-ep-ghost .wp-block-button__link,
.ep-btn--ghost{
  background:transparent;color:var(--ep-primary);border-color:var(--ep-border);
  font-size:1rem;
}
.wp-block-button.is-style-ep-ghost .wp-block-button__link:hover,
.ep-btn--ghost:hover,.ep-btn--ghost:focus-visible{
  background:var(--ep-bg);color:var(--ep-primary);border-color:var(--ep-primary);
}

/* =========================================================
   4. HEADER GENERATEPRESS
   ========================================================= */
.site-header{background:var(--ep-white);border-bottom:1px solid var(--ep-border);}
.site-header .inside-header{padding-block:.5rem;}
.site-logo img{max-height:44px;width:auto;}
.site-title,.site-title a{font-size:1.2rem;font-weight:700;color:var(--ep-primary);text-decoration:none;}
.site-title a:hover{color:var(--ep-primary);}
.site-title .ep-logo-accent{color:var(--ep-accent);}
.main-navigation{background:var(--ep-white);}
.main-navigation .main-nav ul li a{
  color:var(--ep-text);font-weight:400;font-size:.95rem;
  min-height:48px;display:flex;align-items:center;border-radius:8px;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a{
  background:var(--ep-bg);color:var(--ep-primary);
}
.main-navigation .menu-toggle,
.main-navigation .mobile-bar-items a{
  color:var(--ep-primary);min-height:48px;
}
.main-navigation .menu-toggle:hover{background:var(--ep-bg);}
.navigation-search input[type="search"]{background:var(--ep-white);color:var(--ep-text);}

@media (max-width:768px){
  .main-navigation .main-nav ul li a{font-weight:700;padding-inline:20px;}
}

/* =========================================================
   5. HERO
   ========================================================= */
.ep-hero{background:var(--ep-primary);color:var(--ep-white);}
.ep-hero > .wp-block-group__inner-container{
  padding-block:clamp(1.75rem,1rem + 3vw,3rem);
}
.ep-hero h1{color:var(--ep-white);margin-bottom:.5rem;max-width:16ch;}
.ep-hero__promise{font-size:1.1rem;color:#dbe4f0;max-width:40ch;margin-bottom:1.25rem;}
.ep-hero .wp-block-button__link{box-shadow:0 6px 18px rgba(224,123,57,.35);}

/* =========================================================
   6. TRUST
   ========================================================= */
.ep-trust{background:var(--ep-white);border-bottom:1px solid var(--ep-border);}
.ep-trust__grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.25rem;}
.ep-trust__item{display:flex;gap:.85rem;align-items:flex-start;}
.ep-trust__mark{
  flex:0 0 auto;width:40px;height:40px;border-radius:50%;
  background:rgba(31,58,95,.08);color:var(--ep-primary);
  display:flex;align-items:center;justify-content:center;
}
.ep-trust__item h3{margin:.1rem 0 .2rem;font-size:1.05rem;}
.ep-trust__item p{margin:0;color:var(--ep-text-muted);font-size:.95rem;line-height:1.55;}

/* =========================================================
   7. FORMULARZ (Fluent Forms)
   ========================================================= */
.ep-form-wrap{background:var(--ep-bg);}
.ep-form-card{
  background:var(--ep-white);border:1px solid var(--ep-border);
  border-radius:14px;padding:clamp(1.25rem,.8rem + 2vw,2rem);
  max-width:760px;margin-inline:auto;box-shadow:0 2px 4px rgba(28,36,48,.03);
}
.ep-form-card h2{margin-bottom:.25rem;}
.ep-form-lead{color:var(--ep-text-muted);margin-top:0;}

.ep-step{
  display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;
  color:var(--ep-text-muted);margin-bottom:.4rem;
}
.ep-step b{
  background:var(--ep-primary);color:var(--ep-white);width:22px;height:22px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;
}

/* Reset kontenera Fluent Forms */
.ep-form-card .fluentform .ff-el-group{margin-bottom:1.1rem;}
.ep-form-card .fluentform .ff-el-input--label label{
  display:block;font-weight:700;font-size:.95rem;margin-bottom:.35rem;color:var(--ep-text);
}
.ep-form-card .fluentform .ff-el-form-control{
  width:100%;font-size:16px;line-height:1.5;color:var(--ep-text);
  padding:.75rem .85rem;min-height:48px;
  border:1px solid var(--ep-border);border-radius:8px;background:var(--ep-white);
  font-family:inherit;box-shadow:none;
}
.ep-form-card .fluentform textarea.ff-el-form-control{min-height:120px;resize:vertical;}
.ep-form-card .fluentform .ff-el-form-control:focus{
  border-color:var(--ep-primary);outline:none;box-shadow:0 0 0 3px rgba(31,58,95,.15);
}
.ep-form-card .fluentform .ff-el-help-message{font-size:.85rem;color:var(--ep-text-muted);margin:.3rem 0 0;}
.ep-form-card .fluentform .ff-el-is-error .ff-el-form-control{
  border-color:var(--ep-accent-dark);background:#fdf5f0;box-shadow:0 0 0 3px rgba(197,101,38,.15);
}
.ep-form-card .fluentform .error.text-danger,
.ep-form-card .fluentform .ff-el-is-error .error{
  display:flex;gap:.4rem;align-items:center;font-size:.85rem;font-weight:700;
  color:var(--ep-accent-dark);margin-top:.35rem;
}
.ep-form-card .fluentform .ff-btn-submit{width:100%;}

/* Kafelki wyboru tematu: pole radio Fluent Forms z klasą ep-tiles */
.ep-form-card .ep-tiles .ff-el-form-check,
.ep-form-card .ff-el-group.ep-tiles .ff-el-input--content{
  display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:.4rem 0 1.5rem;
}
.ep-form-card .ep-tiles .ff-el-form-check{display:block;margin:0;}
.ep-form-card .ep-tiles input[type="radio"]{position:absolute;opacity:0;pointer-events:none;}
.ep-form-card .ep-tiles .ff-el-form-check-label{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;
  min-height:96px;padding:.75rem .5rem;text-align:center;
  border:2px solid var(--ep-border);border-radius:10px;background:var(--ep-white);
  color:var(--ep-text);font-size:.9rem;font-weight:700;line-height:1.25;cursor:pointer;
  transition:border-color .15s ease,background-color .15s ease;
}
.ep-form-card .ep-tiles .ff-el-form-check-label:hover{border-color:var(--ep-primary);background:var(--ep-bg);}
.ep-form-card .ep-tiles input[type="radio"]:checked + .ff-el-form-check-label,
.ep-form-card .ep-tiles input[type="radio"]:checked ~ .ff-el-form-check-label{
  border-color:var(--ep-accent);background:#fdf3ec;color:var(--ep-primary);
  box-shadow:inset 0 0 0 1px var(--ep-accent);
}
.ep-form-card .ep-tiles input[type="radio"]:focus-visible + .ff-el-form-check-label{
  outline:3px solid var(--ep-accent);outline-offset:2px;
}

/* Zgody */
.ep-form-card .ff-el-group.ep-consent .ff-el-form-check{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.9rem;}
.ep-form-card .ep-consent input[type="checkbox"]{
  flex:0 0 auto;width:22px;height:22px;margin-top:.15rem;accent-color:var(--ep-primary);
}
.ep-form-card .ep-consent .ff-el-form-check-label{font-size:.9rem;line-height:1.5;color:var(--ep-text-muted);font-weight:400;}

/* Komunikat sukcesu */
.ep-form-card .ff-message-success,
.ep-success{
  background:var(--ep-white);border:1px solid var(--ep-border);border-radius:14px;
  max-width:760px;margin-inline:auto;padding:clamp(1.5rem,1rem + 2vw,2.5rem);text-align:center;
  color:var(--ep-text);
}
.ep-success__mark{
  width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;
  background:rgba(31,58,95,.08);color:var(--ep-primary);
  display:flex;align-items:center;justify-content:center;
}
.ep-success h3{margin-bottom:.4rem;}
.ep-success p{color:var(--ep-text-muted);max-width:46ch;margin-inline:auto;}

/* =========================================================
   8. KARTY ARTYKUŁÓW (statyczne i Query Loop)
   ========================================================= */
.ep-cards{
  display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem;
  list-style:none;padding:0;
}
.ep-card,
.ep-cards > li{
  display:flex;flex-direction:column;background:var(--ep-white);
  border:1px solid var(--ep-border);border-radius:12px;overflow:hidden;
  transition:box-shadow .15s ease,transform .15s ease;margin:0;
}
.ep-card:hover,.ep-cards > li:hover{box-shadow:0 8px 24px rgba(28,36,48,.08);transform:translateY(-2px);}
.ep-card__body,
.ep-cards > li > .wp-block-group{padding:1.1rem 1.15rem 1.3rem;display:flex;flex-direction:column;flex:1;gap:0;}
.ep-cards > li .wp-block-post-featured-image{margin:0;}
.ep-cards > li .wp-block-post-featured-image img{aspect-ratio:16/9;object-fit:cover;width:100%;}

.ep-cat,
.ep-cards .wp-block-post-terms{
  display:inline-block;align-self:flex-start;
  font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ep-primary);background:rgba(31,58,95,.08);padding:.25rem .55rem;border-radius:999px;
}
.ep-cards .wp-block-post-terms a{color:var(--ep-primary);text-decoration:none;}
.ep-card__meta,
.ep-cards .wp-block-post-date{
  display:flex;gap:.6rem;align-items:center;font-size:.8rem;
  color:var(--ep-text-muted);margin:.75rem 0 .4rem;
}
.ep-card h3,
.ep-cards .wp-block-post-title{margin:0 0 .4rem;font-size:1.15rem;line-height:1.25;}
.ep-card h3 a,
.ep-cards .wp-block-post-title a{color:var(--ep-primary);text-decoration:none;}
.ep-card h3 a:hover,
.ep-cards .wp-block-post-title a:hover{text-decoration:underline;}
.ep-card p,
.ep-cards .wp-block-post-excerpt{font-size:.92rem;color:var(--ep-text-muted);line-height:1.55;margin:0;}
.ep-cards .wp-block-post-excerpt__more-link{display:none;}

.ep-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;}

/* =========================================================
   9. PRODUKTY
   ========================================================= */
.ep-products{background:var(--ep-white);border-block:1px solid var(--ep-border);}
.ep-prod-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem;}
.ep-prod{
  display:flex;flex-direction:column;gap:1rem;
  border:1px solid var(--ep-border);border-radius:12px;padding:1.25rem;background:var(--ep-bg);
}
.ep-prod h3{margin:0;}
.ep-prod p{margin:0;color:var(--ep-text-muted);font-size:.95rem;flex:1;}
.ep-prod img{border-radius:8px;}
.ep-prod__media{flex:0 0 auto;}
.ep-prod__body{display:flex;flex-direction:column;gap:.6rem;flex:1;}

/* =========================================================
   10. STOPKA
   ========================================================= */
.ep-footer{background:var(--ep-primary);color:#c9d4e3;}
.ep-footer a{color:#dbe4f0;}
.ep-footer a:hover{color:var(--ep-white);}
.ep-footer__grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-block:clamp(2rem,1.5rem + 2vw,3rem);}
.ep-footer__logo{font-size:1.15rem;font-weight:700;color:var(--ep-white);margin-bottom:.6rem;}
.ep-footer__logo span{color:var(--ep-accent);}
.ep-footer p{font-size:.9rem;line-height:1.6;color:#c9d4e3;}
.ep-footer h3{color:var(--ep-white);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem;}
.ep-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem;}
.ep-footer ul a{display:inline-flex;min-height:36px;align-items:center;font-size:.92rem;text-decoration:none;}
.ep-footer ul a:hover{text-decoration:underline;}
.ep-news form{display:flex;flex-direction:column;gap:.6rem;}
.ep-news input[type="email"]{
  width:100%;min-height:48px;font-size:16px;padding:.75rem .85rem;
  border:1px solid var(--ep-border);border-radius:8px;background:var(--ep-white);color:var(--ep-text);
}
.ep-footer__legal{
  border-top:1px solid rgba(255,255,255,.15);padding-block:1.25rem;
  font-size:.82rem;color:#a9b6c8;line-height:1.6;
}
/* Ukrycie domyślnej stopki GeneratePress */
.site-info{display:none;}

/* =========================================================
   11. SZABLON ARTYKUŁU
   ========================================================= */
.single-post .site-content,
.single-post .entry-content{background:var(--ep-white);}
.single-post .content-area{background:var(--ep-white);}

.ep-article__header{
  background:var(--ep-bg);border-bottom:1px solid var(--ep-border);
  padding-block:clamp(1.75rem,1.2rem + 2vw,2.75rem);
  margin-bottom:clamp(1.5rem,1rem + 2vw,2.5rem);
}
.ep-article__header .ep-cat{margin-bottom:.6rem;}
.ep-article__header h1{margin-top:.6rem;}
.ep-article__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem;color:var(--ep-text-muted);margin-top:.75rem;}
.ep-article__meta time b{color:var(--ep-text);font-weight:700;}
.ep-author{
  display:flex;gap:.85rem;align-items:center;margin-top:1.25rem;padding-top:1.25rem;
  border-top:1px solid var(--ep-border);
}
.ep-author__photo{flex:0 0 auto;width:56px;height:56px;border-radius:50%;overflow:hidden;}
.ep-author__photo img{width:100%;height:100%;object-fit:cover;}
.ep-author__name{font-weight:700;color:var(--ep-primary);}
.ep-author__bio{font-size:.88rem;color:var(--ep-text-muted);margin:0;}

/* Spis treści: blok Rank Math albo lista ręczna */
.ep-toc,
.single-post .wp-block-rank-math-toc-block{
  background:var(--ep-bg);border:1px solid var(--ep-border);border-radius:10px;
  padding:1rem 1.25rem;margin:0 0 2rem;
}
.ep-toc h2,
.single-post .wp-block-rank-math-toc-block h2,
.single-post .wp-block-rank-math-toc-block h3{
  font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ep-text-muted);margin:0 0 .6rem;
}
.ep-toc ol,
.single-post .wp-block-rank-math-toc-block ul{
  margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem;
}
.ep-toc a,
.single-post .wp-block-rank-math-toc-block a{color:var(--ep-primary);text-decoration:none;}
.ep-toc a:hover{text-decoration:underline;}

.single-post .entry-content{font-size:1.0625rem;}
.single-post .entry-content > *{max-width:720px;margin-inline:auto;}
.single-post .entry-content > .alignfull,
.single-post .entry-content > .ep-full{max-width:none;}
.single-post .entry-content h2{margin-top:2rem;}
.single-post .entry-content h3{margin-top:1.5rem;color:var(--ep-text);}
.single-post .entry-content ul{padding-left:1.25rem;}
.single-post .entry-content li{margin-bottom:.4rem;}

.ep-callout{
  border:1px solid var(--ep-border);border-left:5px solid var(--ep-accent);
  background:#fdf5ee;border-radius:8px;padding:1.1rem 1.25rem;margin:1.75rem auto;
}
.ep-callout h3{margin:0 0 .4rem;font-size:1.05rem;color:var(--ep-primary);}
.ep-callout p{margin:0;font-size:.95rem;color:var(--ep-text);}

.ep-midcta{
  background:var(--ep-primary);color:var(--ep-white);border-radius:12px;
  padding:1.5rem;margin:2rem auto;text-align:center;
}
.ep-midcta h3{color:var(--ep-white);margin-bottom:.4rem;}
.ep-midcta p{color:#dbe4f0;font-size:.95rem;margin-bottom:1.1rem;}

.ep-disclaimer{
  background:var(--ep-bg);border:1px solid var(--ep-border);border-radius:10px;
  padding:1.1rem 1.25rem;margin:2.5rem auto 0;font-size:.88rem;
  color:var(--ep-text-muted);line-height:1.6;max-width:720px;
}
.ep-disclaimer strong{color:var(--ep-text);}

.ep-related{background:var(--ep-bg);border-top:1px solid var(--ep-border);margin-top:clamp(2rem,1.5rem + 2vw,3rem);}

/* =========================================================
   12. BREAKPOINTY
   ========================================================= */
@media (min-width:768px){
  .ep-trust__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem;}
  .ep-form-card .ep-tiles .ff-el-form-check,
  .ep-form-card .ff-el-group.ep-tiles .ff-el-input--content{grid-template-columns:repeat(3,1fr);}
  .ep-cards{grid-template-columns:repeat(3,1fr);}
  .ep-prod-grid{grid-template-columns:repeat(2,1fr);}
  .ep-prod{flex-direction:row;align-items:stretch;}
  .ep-prod__media{flex:0 0 160px;}
  .ep-footer__grid{grid-template-columns:1.6fr 1fr 1.4fr;gap:2.5rem;}
}

/* =========================================================
   13. DOSTĘPNOŚĆ I DRUK
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}
  .ep-card:hover,.ep-cards > li:hover{transform:none;}
}
.screen-reader-text{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}

/* =========================================================
   12. UZUPELNIENIA WDROZENIOWE
   ========================================================= */

/* Krój Inter hostowany lokalnie, wagi 400 i 700, latin oraz latin-ext */
body,
button, input, select, textarea,
.main-navigation a,
.wp-block-button__link {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Sekcje 100vw powoduja poziomy pasek przewijania, gdy widoczny jest pionowy */
html, body { overflow-x: hidden; }

/* Zastepnik formularza do czasu instalacji Fluent Forms */
.ep-form-placeholder {
  border: 2px dashed var(--ep-border);
  border-radius: 10px;
  padding: 1.5rem;
  text-align: center;
  color: var(--ep-text-muted);
}
.ep-form-placeholder p { margin: 0 0 .5rem; }
.ep-form-placeholder p:last-child { margin-bottom: 0; }

/* Sekcja ratunkowa na stronie 404 */
.ep-404-cats { list-style: none; margin: 0 0 2rem; padding: 0; }
.ep-404-cats li { border-bottom: 1px solid var(--ep-border); }
.ep-404-cats a { display: block; padding: .85rem 0; text-decoration: none; font-weight: 700; }

/* Minimalna wysokosc elementow dotykowych i brak autozoomu na iOS */
.wp-block-button__link,
.main-navigation a,
button, input[type="submit"] { min-height: 48px; }
input, select, textarea { font-size: 16px; }

/* Naglowek hero ma byc wyrownany do lewej, uklad constrained centruje go automatycznie */
/* Wzorce uzywaja ukladu constrained, ktory nie generuje juz .wp-block-group__inner-container.
   Kolumne 1140 px robimy wiec paddingiem samej sekcji pelnej szerokosci. */
.ep-full { padding-inline: max(20px, calc(50vw - 570px)); } /* procent liczy sie od kontenera wpisu, nie od okna, dlatego vw */
.ep-hero { padding-block: clamp(1.75rem, 1rem + 3vw, 3rem); }

/* Naglowek i obietnica maja byc wyrownane do lewej, a nie wysrodkowane
   przez margin auto narzucany przez Gutenberga z !important. */
.ep-hero h1, .ep-hero .ep-hero__promise {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Strona glowna sklada sie z sekcji pelnej szerokosci, wiec kontener wpisu
   nie moze dokladac bialego tla ani odstepow */
.home .site-main,
.home .inside-article,
.home .entry-content {
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}
.home .site-content { padding-top: 0; }

/* Blok CTA wielokrotnego uzytku ma naglowek h2, projekt zakladal h3.
   Bez tego granatowy naglowek znikal na granatowym tle. */
.ep-midcta h2 { color: var(--ep-white); }

/* Pojedynczy wpis: naglowek artykulu jest wstrzykiwany przed trescia,
   wiec gorny padding kontenera tworzyl bialy pasek nad nim */
.single-post .inside-article { padding-top: 0; }