/* assets/css/blog.css — style dla artykulow / archiwum / wyszukiwania / tagow
   (patrz plan sekcja 2.4: WOW "Odslona przez plyte", mikro-CTA, ramki "warto wiedziec") */

.entry-header { max-width: var(--container-w-narrow); margin: 0 auto; padding: 56px 24px 40px; }
.entry-header__meta { font: 500 12.5px var(--font-mono); letter-spacing: .04em; color: var(--pl-text-caption); margin-bottom: 14px; text-transform: uppercase; }
.entry-header__title { font: 700 clamp(28px,4vw,42px)/1.18 var(--font-display); color: var(--pl-text); margin: 0 0 16px; }

.entry-content { max-width: var(--container-w-narrow); margin: 0 auto; padding: 0 24px 64px; }
.entry-content .pl24-lead { font-size: 18px; line-height: 1.65; color: var(--pl-text-secondary); margin: 0 0 28px; }
.entry-content h2 { font: 600 clamp(22px,2.6vw,26px)/1.3 var(--font-display); color: var(--pl-text); margin: 40px 0 16px; }
.entry-content h3 { font: 600 18px/1.35 var(--font-display); color: var(--pl-text); margin: 28px 0 10px; }
.entry-content p { font-size: 16px; line-height: 1.7; color: var(--pl-text-secondary); margin: 0 0 18px; }
.entry-content ul, .entry-content ol { font-size: 16px; line-height: 1.7; color: var(--pl-text-secondary); padding-left: 22px; margin: 0 0 20px; }
.entry-content li { margin-bottom: 8px; }
.entry-content a { color: var(--pl-royal); font-weight: 600; text-decoration: underline; text-decoration-color: var(--pl-border); }
.entry-content a:hover { text-decoration-color: var(--pl-royal); }

/* Ramka "warto wiedziec" — spektralna krawedz rozjasniajaca sie przy wejsciu w viewport */
.pl24-callout {
  position: relative; background: var(--pl-bg-alt); border-radius: var(--radius-card);
  padding: 24px 26px; margin: 28px 0; overflow: hidden;
}
.pl24-callout::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--pl-spectrum); opacity: .35; transition: opacity .6s;
}
.pl24-callout.is-in::before { opacity: 1; }
.pl24-callout h3 { margin-top: 0 !important; }
.pl24-callout p:last-child { margin-bottom: 0; }

/* Mikro-CTA inline — przy akapicie decyzyjnym, nie na koncu artykulu */
.pl24-inline-cta {
  background: var(--pl-white); border: 1px solid var(--pl-border); border-left: 3px solid var(--pl-coral);
  border-radius: 8px; padding: 16px 20px !important; margin: 28px 0 !important;
  font-size: 15px !important; color: var(--pl-text) !important;
}
.pl24-inline-cta a { color: var(--pl-royal); }

/* "Odslona przez plyte" — obrazy przykryte polprzezroczysta tafla royal-light,
   ktora odsuwa sie (translateX+fade) przy wejsciu w viewport. Tekst bazowy bez animacji. */
.entry-content figure.wp-block-image { position: relative; overflow: hidden; border-radius: var(--radius-img); margin: 32px 0; }
.entry-content figure.wp-block-image::after {
  content: ""; position: absolute; inset: 0; background: var(--pl-royal-light); opacity: .08;
  transform: translateX(0); transition: transform .6s ease, opacity .6s ease;
  pointer-events: none;
}
.entry-content figure.wp-block-image.is-revealed::after { transform: translateX(100%); opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .entry-content figure.wp-block-image::after { display: none; }
}

/* ===================== ARCHIWUM / BLOG LISTING ===================== */
.archive-header { background: var(--pl-navy-deep); padding: 56px 24px 48px; }
.archive-header__title { font: 700 clamp(28px,4vw,40px)/1.15 var(--font-display); color: #fff; margin: 0 0 12px; }
.archive-header__desc { font-size: 16px; color: var(--pl-hero-text-muted); margin: 0; max-width: 640px; }

.post-card {
  background: var(--pl-white); border: 1px solid var(--pl-border); border-radius: var(--radius-card);
  overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .25s, transform .25s;
}
.post-card:hover { box-shadow: var(--shadow-soft-hover); transform: translateY(-3px); }
.post-card__body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.post-card__cat { font: 600 11px var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--pl-royal-light); }
.post-card__title { font: 600 17px/1.35 var(--font-display); color: var(--pl-text); margin: 0; }
.post-card__title a { color: inherit; text-decoration: none; }
.post-card__excerpt { font-size: 14px; line-height: 1.55; color: var(--pl-text-secondary); margin: 0; flex: 1; }
.post-card__link { font-size: 13.5px; font-weight: 600; color: var(--pl-royal); text-decoration: none; margin-top: 4px; }

.pagination { display: flex; justify-content: center; gap: 8px; margin-top: 48px; }
.pagination a, .pagination span {
  display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px;
  border-radius: 8px; border: 1px solid var(--pl-border); font: 500 14px var(--font-mono); color: var(--pl-text);
  text-decoration: none; padding: 0 10px;
}
.pagination .current { background: var(--pl-royal); border-color: var(--pl-royal); color: #fff; }
.pagination a:hover { border-color: var(--pl-royal-light); }

/* ===================== WYSZUKIWANIE ===================== */
.search-form-block { display: flex; gap: 10px; max-width: 480px; margin: 24px 0 0; }
.search-form-block input[type="search"] {
  flex: 1; padding: 13px 16px; border-radius: 8px; border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.06); color: #fff; font-size: 15px;
}
.search-form-block input[type="search"]::placeholder { color: var(--pl-hero-micro); }
.search-form-block button { background: var(--pl-coral); color: #fff; border: none; border-radius: 8px; padding: 0 22px; font-weight: 600; }
.search-empty { padding: 40px 0; text-align: center; }
.search-empty__title { font: 600 20px var(--font-display); color: var(--pl-text); margin-bottom: 10px; }
.search-empty__desc { font-size: 15px; color: var(--pl-text-secondary); margin: 0 0 20px; }

/* ===================== POWIAZANE ARTYKULY ===================== */
.related-posts { max-width: var(--container-w); margin: 0 auto; padding: 0 24px 80px; }
.related-posts__title { font: 600 12px var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--pl-text-caption); margin-bottom: 20px; }

/* ===================== 404 (WOW: "Ta strona nie wytrzymala") ===================== */
.error-404-hero { background: var(--pl-navy-deep); min-height: 70vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 80px 24px; }
.error-404-plate { position: relative; width: 100%; max-width: 360px; margin: 0 auto 32px; }
.error-404-plate svg { width: 100%; overflow: visible; }
.error-404-crack { opacity: 0; animation: pl24Shake .5s ease 1 both; }
@keyframes pl24Shake { 0%,100%{transform:translateX(0);opacity:1} 20%{transform:translateX(-4px)} 40%{transform:translateX(4px)} 60%{transform:translateX(-3px)} 80%{transform:translateX(3px)} }
.error-404-title { font: 700 clamp(60px,10vw,120px)/1 var(--font-display); color: rgba(127,160,245,.4); margin: 0 0 16px; }
.error-404-copy { font-size: 18px; color: var(--pl-hero-text-muted); margin: 0 0 28px; max-width: 480px; margin-left: auto; margin-right: auto; }