/* =====================================================================
   sections.css — bloki cen/section i cen/card (układy podstron).
   Spójne ze stroną główną (te same zmienne i estetyka). Ładowane na
   froncie tam, gdzie blok występuje, oraz w iframe edytora.
   ===================================================================== */

/* SEKCJA */
.psec{ margin-block:clamp(14px,1.8vw,22px) }
.psec:first-child{ margin-top:0 }
.psec:last-child{ margin-bottom:0 }
.psec > .psec__in > :first-child{ margin-top:0 }
.psec > .psec__in > :last-child{ margin-bottom:0 }
/* sekcje „plain" (bez tła) bez paddingu — czysty przepływ, spójny rytm */
.psec--plain{ padding:0 }
.psec--plain + .psec--plain{ margin-top:0 }

.psec--soft{ background:var(--soft,#f3f7fc); border-radius:var(--r-lg,24px); padding:clamp(22px,3vw,38px) }
.psec--navy{
  background:
    radial-gradient(900px 360px at 100% -30%, rgba(30,115,190,.45), transparent 60%),
    var(--blue-900,#012a52);
  color:#fff; border-radius:var(--r-lg,24px); padding:clamp(24px,3vw,40px);
  box-shadow:0 18px 40px rgba(1,20,42,.18);
}
/* Kadence wymusza na .entry-content .alignwide { padding-inline:0 } (wyższa specyficzność)
   → tonowane sekcje traciły poziomy padding (treść kleiła się do krawędzi). Przywracamy
   go selektorem o wyższej specyficzności (klasa tonu + .alignwide). */
.entry-content .alignwide.psec--navy,
.entry-content .alignwide.psec--soft,
.entry-content .alignwide.psec--gold{ padding-inline:clamp(24px,3vw,40px) }
/* WCAG: na granacie ZAWSZE biały tekst (bije inline-style z agentów) */
.psec--navy,
.psec--navy :where(h1,h2,h3,h4,h5,h6,p,li,strong,em,span,a,b){ color:#fff !important }
.psec--navy a{ text-decoration:underline; text-underline-offset:2px }
.psec--gold{
  background:linear-gradient(100deg, var(--gold,#f3a712), #ffc23d);
  border-radius:var(--r-lg,24px); padding:clamp(22px,3vw,38px); position:relative; overflow:hidden;
}
.psec--gold::before{ content:""; position:absolute; inset:0; background:radial-gradient(600px 300px at 0 0, rgba(255,255,255,.35), transparent 60%); pointer-events:none }
.psec--gold :where(h1,h2,h3,h4,h5,h6,strong,b){ color:#3a2600 !important }
.psec--gold :where(p,li,span){ color:#4a3206 !important }
.psec--gold > .psec__in{ position:relative }

/* KARTA */
.pcard{
  background:#fff; border:1px solid var(--line,#e6ebf2); border-radius:var(--r-md,16px);
  padding:clamp(20px,2.4vw,28px); box-shadow:var(--shadow,0 1px 2px rgba(8,33,64,.05),0 10px 26px rgba(8,33,64,.08));
  transition:transform .2s, box-shadow .2s;
}
.pcard:hover{ transform:translateY(-4px); box-shadow:var(--shadow-hover,0 18px 44px rgba(6,28,58,.16)) }
.pcard > :first-child{ margin-top:0 }
.pcard > :last-child{ margin-bottom:0 }
.pcard :where(h2,h3,h4){ margin-top:0 }

/* równe wysokości kart — TYLKO gdy w kolumnie jest jedna karta (rząd kart obok siebie).
   Gdy kolumna to STOS wielu kart, height:100% rozdymał każdą do wysokości całej kolumny. */
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column > .pcard:only-child{ height:100% }
/* stos kart w kolumnie — odstęp między nimi i naturalna wysokość */
.wp-block-column > .pcard + .pcard{ margin-top:18px }
/* WCAG: linki w kartach/sekcjach czytelne (podkreślenie + kolor) */
.pcard a:not(.wp-element-button), .psec--plain a:not(.wp-element-button){ color:var(--blue-700,#0a5aa6); text-decoration:underline; text-underline-offset:2px }

/* ===== KARTY-CHIPSY W SEKCJI NAVY =====
   Karta (białe tło) wewnątrz sekcji granatowej = chip nawigacyjny. Reguła
   „na granacie zawsze biały tekst" (wyżej) zbiłaby tekst do białego na białym
   tle = niewidoczny. Tu przywracamy czytelny granat i nadajemy wygląd pigułki.
   Selektory .psec--navy .pcard mają wyższą specyficzność i !important, więc
   wygrywają z regułą sekcji. */
.psec--navy .pcard{
  padding:0; height:100%; background:#fff; border:0;
  border-radius:var(--r-pill,999px); box-shadow:0 6px 18px rgba(1,20,42,.22);
  transition:transform .16s, box-shadow .16s;
}
.psec--navy .pcard:hover{ transform:translateY(-3px); box-shadow:0 12px 28px rgba(1,20,42,.34) }
.psec--navy .pcard > p{ margin:0 !important }
.psec--navy .pcard p,
.psec--navy .pcard a,
.psec--navy .pcard strong{ color:var(--blue-900,#012a52) !important }
.psec--navy .pcard a{
  display:flex; align-items:center; justify-content:center; text-align:center;
  width:100%; box-sizing:border-box; padding:15px 16px; min-height:54px;
  font-weight:700; font-size:15px; line-height:1.2;
  text-decoration:none !important; letter-spacing:-.005em;
}
.psec--navy .pcard a:hover strong,
.psec--navy .pcard a:hover{ color:#0a5aa6 !important }
.psec--navy .pcard a:focus-visible{ outline:3px solid var(--gold,#f3a712); outline-offset:2px; border-radius:var(--r-pill,999px) }