/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 17:54:31 */
/* =====================================================================
   DODATKOWE STYLE DLA SEKCJI "KONTAKT"
   ===================================================================== */

/* Przestrzenie i wyrównanie */
.zk-contact-grid {
  align-items: flex-start;
  margin-top: 2rem;
}
.zk-margin-top-large { margin-top: 2rem; }
.zk-margin-bottom-large { margin-bottom: 2rem; }

/* Kolory tekstu */
.zk-text-white { color: #ffffff; }
.zk-text-dark { color: #333333; }

/* Listy */
.zk-list-unstyled {
  list-style: none;
  padding: 0;
  line-height: 1.8;
}

/* Karta godzin pracy */
.zk-card-title {
  margin-top: 0;
  color: var(--zk-green); /* Założenie, że ta zmienna jest w głównym CSS */
}
.zk-hours-list {
  list-style: none;
  padding: 0;
  font-size: 1.15rem;
  line-height: 2;
}
.zk-hours-list li {
  display: flex;
  justify-content: space-between;
}
.zk-hours-list li:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.5rem;
}
.zk-hours-list li:last-child {
  padding-top: 0.5rem;
}

/* Konta bankowe */
.zk-bank-box {
  background: rgba(255, 255, 255, 0.1);
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.zk-bank-box:last-child {
  margin-bottom: 0;
}
.zk-bank-title {
  margin-top: 0;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 0.5rem;
}
.zk-bank-account {
  font-size: 1.25rem;
  font-family: monospace;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0;
}

/* Tabela dyżurów */
.zk-table-wrapper {
  overflow-x: auto;
  margin-top: 1.5rem;
}
.zk-schedule-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
  text-align: center;
  background: #ffffff;
}
.zk-schedule-table th,
.zk-schedule-table td {
  padding: 0.5rem;
  border: 1px solid #cccccc;
}
.zk-schedule-table td {
  padding: 1rem;
}
.zk-schedule-table__cell-left {
  text-align: left;
}
.zk-schedule-table__header-main {
  background: var(--zk-green, #234E35);
  color: #ffffff;
}
.zk-schedule-table__header-main th {
  padding: 1rem;
}
.zk-schedule-table__header-sub {
  background: #e8ede3;
  color: #333333;
  font-size: 0.9rem;
}
.zk-schedule-table__row-even {
  background: #f9f9f9;
}
.zk-schedule-table__row-highlight {
  background: #e8ede3;
}
.zk-schedule-mark {
  font-weight: bold;
  color: var(--zk-green, #234E35);
}


/* =========================================================
   ZKwP Oddział Radom — poprawki CSS
   Dopisać na KOŃCU głównego arkusza zk (albo Wygląd → Dodatkowy CSS).
   Zastępuje obecną regułę na .pt-cv-readmore w wp-custom-css.
   ========================================================= */

/* ---------------------------------------------------------
   0. Uzupełnienie zmiennych + drobne bazowe
   --------------------------------------------------------- */
:root{
  --zk-shadow-sm: 0 1px 2px rgba(29,74,42,.06), 0 2px 8px rgba(29,74,42,.05);
  --zk-shadow-md: 0 4px 12px rgba(29,74,42,.08), 0 12px 28px rgba(29,74,42,.10);
  --zk-ease: cubic-bezier(.2,.7,.3,1);
}

html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

/* czytelna, spójna obsługa focusa (dostępność — obecnie Kadence ją chowa) */
.zk a:focus-visible,
.zk button:focus-visible,
.pt-cv-wrapper a:focus-visible,
#masthead a:focus-visible{
  outline:3px solid var(--zk-green);
  outline-offset:3px;
  border-radius:6px;
}

/* obrazek, który się nie ładuje, nie rozwala layoutu */
.zk img, .pt-cv-wrapper img{ max-width:100%; height:auto; }
.zk figure img, .zk .zk-media img{
  display:block; width:100%; height:100%;
  object-fit:cover; border-radius:var(--zk-r-lg);
  background:var(--zk-green-soft);
}
.zk .zk-media{ aspect-ratio:4/3; border-radius:var(--zk-r-lg); overflow:hidden; background:var(--zk-green-soft); }

/* ---------------------------------------------------------
   1. Nagłówek — sticky, zwarty, z cieniem po scrollu
   --------------------------------------------------------- */
#masthead{
  position:sticky; top:0; z-index:99;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--zk-line);
  transition:box-shadow .25s var(--zk-ease), padding .25s var(--zk-ease);
}
.admin-bar #masthead{ top:32px; }
@media (max-width:782px){ .admin-bar #masthead{ top:46px; } }
#masthead .site-header-row{ min-height:auto; }
#masthead .site-branding img{
  max-height:74px; width:auto; transition:max-height .25s var(--zk-ease);
}
@media (max-width:1024px){ #masthead .site-branding img{ max-height:56px; } }

/* nawigacja */
#masthead .header-navigation .menu-item > a{
  font-family:var(--zk-font-body);
  font-weight:600;
  font-size:1rem;
  color:var(--zk-ink);
  position:relative;
  padding-block:.75rem;
  transition:color .18s var(--zk-ease);
}
#masthead .header-navigation .menu-item > a::after{
  content:""; position:absolute; left:0; right:0; bottom:.35rem; height:2px;
  background:var(--zk-green); border-radius:2px;
  transform:scaleX(0); transform-origin:left; transition:transform .22s var(--zk-ease);
}
#masthead .header-navigation .menu-item > a:hover{ color:var(--zk-forest); }
#masthead .header-navigation .menu-item > a:hover::after,
#masthead .header-navigation .current-menu-item > a::after,
#masthead .header-navigation .current-menu-ancestor > a::after{ transform:scaleX(1); }
#masthead .header-navigation .current-menu-item > a{ color:var(--zk-forest); }

/* dropdowny */
#masthead .header-navigation ul ul.sub-menu{
  border:1px solid var(--zk-line);
  border-radius:var(--zk-r);
  box-shadow:var(--zk-shadow-md);
  overflow:hidden; padding:.35rem;
}
#masthead .header-navigation ul ul.sub-menu li a{
  border-radius:8px; padding:.55rem .8rem;
}
#masthead .header-navigation ul ul.sub-menu li a:hover{
  background:var(--zk-green-soft); color:var(--zk-forest);
}

/* ---------------------------------------------------------
   2. Hero — lepsza czytelność tekstu na zdjęciu
   --------------------------------------------------------- */
.zk-hero{ position:relative; }
.zk-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(14,32,20,.55) 0%, rgba(14,32,20,.18) 38%, rgba(14,32,20,.78) 100%),
    radial-gradient(120% 80% at 18% 55%, rgba(14,32,20,.55) 0%, rgba(14,32,20,0) 60%);
}
.zk-hero > *{ position:relative; z-index:1; }
.zk-hero h1{
  font-size:clamp(2.4rem, 6vw, 4.25rem);
  color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.35);
  margin-bottom:.35em;
}
.zk-hero p{ max-width:56ch; font-size:clamp(1.02rem,1.4vw,1.2rem); }
.zk-hero .zk-eyebrow,
.zk-hero .zk-kicker{
  letter-spacing:.12em; text-transform:uppercase;
  font-size:.82rem; font-weight:700; color:var(--zk-sand);
}

/* pasek kontaktowy pod hero */
.zk-hero .zk-infobar,
.zk-hero .zk-meta{
  backdrop-filter:blur(6px);
  background:rgba(14,32,20,.28);
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--zk-r);
  padding:1rem 1.25rem;
}

/* ---------------------------------------------------------
   3. Przyciski — jeden spójny system + stany hover/active
   --------------------------------------------------------- */
.zk .zk-btn,
.pt-cv-wrapper .pt-cv-readmore{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.8rem 1.5rem;
  border-radius:999px;
  font-family:var(--zk-font-body); font-weight:700; font-size:1rem; line-height:1;
  text-decoration:none; border:2px solid transparent; cursor:pointer;
  transition:background-color .2s var(--zk-ease), color .2s var(--zk-ease),
             border-color .2s var(--zk-ease), transform .15s var(--zk-ease),
             box-shadow .2s var(--zk-ease);
}
.zk .zk-btn--primary,
.pt-cv-wrapper .pt-cv-readmore{
  background:var(--zk-forest); color:#fff; box-shadow:var(--zk-shadow-sm);
}
.zk .zk-btn--primary:hover,
.pt-cv-wrapper .pt-cv-readmore:hover{
  background:#163b21; color:#fff; transform:translateY(-2px); box-shadow:var(--zk-shadow-md);
}
.zk .zk-btn:active,
.pt-cv-wrapper .pt-cv-readmore:active{ transform:translateY(0); }
.zk .zk-btn--ghost{
  background:transparent; color:var(--zk-forest); border-color:currentColor;
}
.zk .zk-btn--ghost:hover{ background:var(--zk-forest); color:#fff; border-color:var(--zk-forest); }
/* wariant ghost na ciemnym tle (hero) */
.zk-hero .zk-btn--ghost{ color:#fff; border-color:rgba(255,255,255,.8); }
.zk-hero .zk-btn--ghost:hover{ background:#fff; color:var(--zk-forest); border-color:#fff; }

/* ---------------------------------------------------------
   4. Sekcje / nagłówki — rytm pionowy
   --------------------------------------------------------- */
.zk-section{ padding-block:var(--zk-sec); }
.zk-wrap{ max-width:var(--zk-wrap); margin-inline:auto; padding-inline:clamp(1rem,4vw,2rem); }
.zk-section h2{ font-size:clamp(1.85rem,3.4vw,2.6rem); }
.zk-head p{ color:var(--zk-muted); max-width:62ch; }

/* sekcja „Aktualności" ma sam nagłówek — lista dokleja się niżej */
.zk-section--green{ padding-bottom:2rem; }

/* ---------------------------------------------------------
   5. „Oddział w liczbach" — subtelniejsze kółka
   --------------------------------------------------------- */
.zk-stat__circle,
.zk-stats .zk-stat span:first-child{
  transition:transform .25s var(--zk-ease), box-shadow .25s var(--zk-ease);
}
.zk-stat:hover .zk-stat__circle{ transform:translateY(-3px); box-shadow:var(--zk-shadow-md); }
.zk-stat__label{ color:var(--zk-muted); font-size:.95rem; }

/* ---------------------------------------------------------
   6. AKTUALNOŚCI (Content Views) — najważniejsza poprawka
   Lista .pt-cv-* → siatka kart, ciąg dalszy zielonej sekcji
   --------------------------------------------------------- */
.pt-cv-wrapper{
  /* full-bleed: wychodzi z wąskiego .entry-content na pełną szerokość */
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:var(--zk-green-soft);
  padding:0 clamp(1rem,4vw,2rem) var(--zk-sec);
  font-family:var(--zk-font-body);
  color:var(--zk-ink);
}

/* siatka */
.pt-cv-wrapper .pt-cv-view{ max-width:var(--zk-wrap); margin-inline:auto; }
.pt-cv-wrapper .pt-cv-page{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(290px, 1fr));
  gap:clamp(1.1rem, 2vw, 1.75rem);
  margin:0;
}
.pt-cv-wrapper .pt-cv-page::before,
.pt-cv-wrapper .pt-cv-page::after{ display:none; } /* czyści bootstrapowe clearfixy */

/* karta */
.pt-cv-wrapper .pt-cv-content-item{
  display:flex; flex-direction:column;
  width:auto !important; float:none !important; padding:0 !important; margin:0 !important;
  background:#fff;
  border:1px solid var(--zk-line);
  border-radius:var(--zk-r-lg);
  overflow:hidden;
  box-shadow:var(--zk-shadow-sm);
  transition:transform .22s var(--zk-ease), box-shadow .22s var(--zk-ease), border-color .22s var(--zk-ease);
}
.pt-cv-wrapper .pt-cv-content-item:hover{
  transform:translateY(-4px);
  box-shadow:var(--zk-shadow-md);
  border-color:#c3d3b8;
}

/* miniatura — stały format, bez floatów */
.pt-cv-wrapper .pt-cv-thumb-wrapper,
.pt-cv-wrapper .pt-cv-thumb-wrapper.pull-left{
  float:none !important; width:100% !important; margin:0 !important; padding:0 !important;
  aspect-ratio:16/10; overflow:hidden; background:var(--zk-green-soft);
}
.pt-cv-wrapper .pt-cv-href-thumbnail{ display:block; width:100%; height:100%; }
.pt-cv-wrapper img.pt-cv-thumbnail,
.pt-cv-wrapper img.pt-cv-thumbnail.pull-left{
  float:none !important; width:100% !important; height:100% !important;
  max-width:none; object-fit:cover; margin:0 !important;
  transition:transform .4s var(--zk-ease);
}
.pt-cv-wrapper .pt-cv-content-item:hover img.pt-cv-thumbnail{ transform:scale(1.04); }

/* treść karty */
.pt-cv-wrapper .pt-cv-colwrap{
  display:flex; flex-direction:column; flex:1 1 auto;
  padding:1.15rem 1.25rem 1.35rem;
  margin:0 !important; width:auto !important; float:none !important;
}
.pt-cv-wrapper .pt-cv-title{
  font-family:var(--zk-font-head);
  font-size:1.08rem; line-height:1.3; margin:0 0 .55rem;
}
.pt-cv-wrapper .pt-cv-title a{
  color:var(--zk-forest); text-decoration:none;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.pt-cv-wrapper .pt-cv-title a:hover{ color:var(--zk-green); text-decoration:underline; text-underline-offset:3px; }

/* skracamy gigantyczne zajawki do 4 linii */
.pt-cv-wrapper .pt-cv-content{
  font-size:.96rem; line-height:1.6; color:var(--zk-muted);
  margin:0 0 1.15rem;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}

/* „Dowiedz się więcej" — lżejszy link-przycisk, dosunięty do dołu karty */
.pt-cv-wrapper .pt-cv-readmore{
  margin-top:auto; align-self:flex-start;
  padding:.62rem 1.15rem; font-size:.94rem;
  background:transparent; color:var(--zk-forest); border-color:var(--zk-line);
  box-shadow:none;
}
.pt-cv-wrapper .pt-cv-readmore::after{ content:"→"; font-size:1.05em; line-height:1; }
.pt-cv-wrapper .pt-cv-readmore:hover{
  background:var(--zk-forest); color:#fff; border-color:var(--zk-forest);
  transform:none; box-shadow:var(--zk-shadow-sm);
}

/* paginacja Content Views, gdyby się pojawiła */
.pt-cv-wrapper .pt-cv-pagination{ justify-content:center; display:flex; gap:.4rem; margin-top:2rem; }
.pt-cv-wrapper .pt-cv-pagination > li > a,
.pt-cv-wrapper .pt-cv-pagination > li > span{
  border-radius:999px; border:1px solid var(--zk-line); color:var(--zk-forest); background:#fff;
}
.pt-cv-wrapper .pt-cv-pagination > .active > span{ background:var(--zk-forest); border-color:var(--zk-forest); color:#fff; }

@media (max-width:640px){
  .pt-cv-wrapper .pt-cv-page{ grid-template-columns:1fr; }
  .pt-cv-wrapper .pt-cv-thumb-wrapper{ aspect-ratio:16/9; }
}

/* ---------------------------------------------------------
   7. „Jak zostać członkiem" — karty kroków
   --------------------------------------------------------- */
.zk-step{
  transition:transform .22s var(--zk-ease), box-shadow .22s var(--zk-ease);
  box-shadow:var(--zk-shadow-sm);
}
.zk-step:hover{ transform:translateY(-3px); box-shadow:var(--zk-shadow-md); }
.zk-note, .zk-callout{
  border-radius:var(--zk-r);
  background:var(--zk-green-soft);
  border-left:4px solid var(--zk-green);
}

/* cytat w „O oddziale" */
.zk blockquote{
  border-left:3px solid var(--zk-sand);
  padding-left:1.1rem; font-family:var(--zk-font-head); font-style:italic;
  color:var(--zk-ink);
}
.zk blockquote cite{ display:block; margin-top:.4rem; font-style:normal; font-size:.9rem; color:var(--zk-muted); }

/* ---------------------------------------------------------
   8. Stopka
   --------------------------------------------------------- */
#colophon{
  background:var(--zk-forest); color:rgba(255,255,255,.82);
  font-family:var(--zk-font-body); font-size:.95rem;
}
#colophon a{ color:var(--zk-sand); text-decoration:none; }
#colophon a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }

/* ---------------------------------------------------------
   9. Mobile — dopięcia
   --------------------------------------------------------- */
@media (max-width:768px){
  .zk-hero{ min-height:78svh; background-attachment:scroll !important; } /* parallax zabija perf na iOS */
  .zk-hero .zk-btn{ width:100%; justify-content:center; }
  .zk-section{ padding-block:clamp(2.5rem,9vw,3.5rem); }
  .zk-split{ grid-template-columns:1fr !important; }
  .zk-stats{ grid-template-columns:repeat(2,1fr) !important; row-gap:2rem; }
}