/* =====================================================================
   content.css — styl TREŚCI podstron (renderowanej przez Kadence) na wzór
   redesignu CEN. Ładowany na podstronach razem z chrome.css (które dostarcza
   zmienne :root i fonty).

   ZAKRES: wyłącznie obszar treści (.content-area / .entry-header / .entry-content).
   NIE dotyka globalnego nagłówka/stopki (te są poza .content-area) ani strony
   głównej (ta ma własny home.css). Selektory celowo zawężone, by nie psuć
   różnorodnej treści (bloki, tabele, galerie).
   ===================================================================== */

/* ===================== SZEROKOŚĆ 1600px (jak strona główna) =====================
   Kadence domyślnie zwęża treść do ~1290px. Rozszerzamy kontener i hero do 1600px,
   ale TEKST trzymamy w czytelnej kolumnie; bloki align=wide/full korzystają z pełnej
   szerokości (natywny model Gutenberga: content-width vs wide-width). */
:root, body, body.content-width{ --global-content-width:1600px !important; }
#inner-wrap.wrap{ width:100% !important; max-width:var(--maxw) !important; margin-inline:auto !important; }
.content-container.site-container,
.entry-hero .hero-container,
.entry-hero-container-inner > .site-container{
  max-width:var(--maxw) !important;   /* 1600px */
}
/* tekst w czytelnej, wyśrodkowanej kolumnie */
.entry-content{ max-width:none }
.entry-content > p,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6,
.entry-content > ul,
.entry-content > ol,
.entry-content > blockquote,
.entry-content > .wp-block-heading,
.entry-content > .wp-block-paragraph,
.entry-content > .wp-block-list{
  max-width:78ch;margin-inline:auto;
}
/* elementy „szerokie" wypełniają layout aż do 1600px */
.entry-content > figure,
.entry-content > .wp-block-image,
.entry-content > .wp-block-gallery,
.entry-content > .wp-block-columns,
.entry-content > .wp-block-media-text,
.entry-content > .wp-block-table,
.entry-content > table,
.entry-content > .wp-block-cover,
.entry-content > .alignwide{
  max-width:1340px;margin-inline:auto;
}
.entry-content > .alignfull{ max-width:none }

/* ===================== NAGŁÓWEK STRONY (page-title / hero) =====================
   STRONY: tytuł jest w osobnej sekcji .entry-hero (POZA .content-area).
   WPISY:  tytuł jest w .entry-header.post-title (W .content-area). Obsługujemy oba. */
.entry-hero-container-inner,
.content-area .entry-header.post-title{
  background:
    radial-gradient(1100px 360px at 100% -40%, var(--blue-100), transparent 70%),
    linear-gradient(180deg, var(--blue-50), #fff) !important;
  border-bottom:1px solid var(--line);
}
.entry-hero .hero-container{ padding-block:clamp(34px,5.5vw,60px) }
.content-area .entry-header.post-title{ padding-block:clamp(30px,4.5vw,52px); margin-bottom:clamp(28px,4vw,46px) }
.entry-hero .entry-title,
.entry-hero .page-title,
.entry-hero .archive-title,
.content-area .entry-header .entry-title{
  font-family:var(--font-display) !important;font-weight:600 !important;color:var(--blue-900) !important;
  font-size:clamp(30px,4vw,50px);line-height:1.06;letter-spacing:-.02em;text-wrap:balance;margin:0;text-transform:none;
}
.entry-hero .entry-title::after,
.entry-hero .page-title::after,
.content-area .entry-header .entry-title::after{
  content:"";display:block;width:64px;height:3px;background:var(--gold);
  border-radius:var(--r-pill);margin:18px auto 0;
}
/* podtytuł archiwum (opis kategorii / liczba wpisów) */
.entry-hero .archive-description,.entry-hero .taxonomy-description{color:var(--muted);font-size:16px;margin-top:14px;max-width:720px;margin-inline:auto}
/* okruszki (breadcrumbs) Kadence */
.content-area .kadence-breadcrumbs{color:var(--muted);font-size:13.5px;margin-bottom:10px}
.content-area .kadence-breadcrumbs a{color:var(--blue-600);text-decoration:none}
.content-area .kadence-breadcrumbs a:hover{text-decoration:underline}

/* ===================== TYPOGRAFIA TREŚCI ===================== */
.entry-content{color:var(--ink);font-size:16.5px;line-height:1.72}
.entry-content > *{margin-top:0}
.entry-content h2,.entry-content h3{
  font-family:var(--font-display);font-weight:600;color:var(--blue-900);
  letter-spacing:-.015em;line-height:1.14;text-wrap:balance;
}
.entry-content h2{font-size:clamp(24px,2.6vw,34px);margin:1.7em 0 .5em}
.entry-content h3{font-size:clamp(20px,2vw,26px);margin:1.5em 0 .45em}
.entry-content h4{font-family:var(--font-body);font-weight:700;color:var(--blue-900);font-size:18.5px;margin:1.3em 0 .4em;letter-spacing:-.01em}
.entry-content h5,.entry-content h6{font-family:var(--font-body);font-weight:700;color:var(--blue-800);margin:1.2em 0 .35em}
.entry-content p{margin:0 0 1.15em}
.entry-content a{color:var(--blue-600);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.entry-content a:hover{color:var(--blue-800)}
/* pogrubienie dziedziczy kolor kontekstu (nie wymuszamy granatu — psułoby tekst na ciemnym tle) */
.entry-content strong,.entry-content b{font-weight:700}

/* listy */
.entry-content ul,.entry-content ol{margin:0 0 1.15em;padding-left:1.45em}
.entry-content li{margin:.32em 0}
.entry-content ul:not([class]) li::marker,.entry-content ul.wp-block-list li::marker{color:var(--gold)}

/* cytaty */
.entry-content blockquote{
  border-left:4px solid var(--gold);background:var(--soft);
  margin:1.5em 0;padding:16px 24px;border-radius:0 var(--r-md) var(--r-md) 0;
  color:var(--blue-900);
}
.entry-content blockquote p:last-child{margin-bottom:0}

/* tabele */
.entry-content table{
  width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15px;
  border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
}
.entry-content table th{background:var(--blue-800);color:#fff;text-align:left;padding:12px 14px;font-weight:600}
.entry-content table td{padding:11px 14px;border-top:1px solid var(--line)}
.entry-content table tr:nth-child(even) td{background:var(--blue-50)}

/* obrazy / figury */
.entry-content img{border-radius:var(--r-md);height:auto}
.entry-content figure:not(.wp-block-gallery){margin:1.5em 0}
.entry-content figcaption{color:var(--muted);font-size:13.5px;margin-top:8px}

/* separatory + kod */
.entry-content hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.entry-content code{background:var(--blue-50);padding:2px 6px;border-radius:6px;font-size:.92em;color:var(--blue-900)}

/* przyciski blokowe (core button) — wygodny padding, cień i hover (jak CTA) */
.entry-content .wp-block-button__link,.entry-content .wp-element-button{
  display:inline-block;background:var(--gold);color:#3a2600;border-radius:var(--r-sm);font-weight:700;
  padding:15px 34px;line-height:1.3;text-decoration:none;
  box-shadow:0 8px 20px rgba(243,167,18,.25);transition:transform .16s,box-shadow .16s,background .16s;
}
.entry-content .wp-block-button__link:hover,.entry-content .wp-element-button:hover{
  background:#ffba2e;transform:translateY(-2px);box-shadow:0 12px 26px rgba(243,167,18,.32)
}

/* delikatny oddech kontenera treści */
/* rytm pionowy obszaru treści — zwarty odstęp od pasa tytułu i stopki */
.content-area{ margin-top:clamp(18px,2.4vw,30px) !important; margin-bottom:clamp(30px,4vw,52px) !important }
.content-area .entry-content-wrap{ padding-top:6px; padding-bottom:clamp(36px,4.5vw,60px) }

/* ===================== POWIĄZANE WPISY (single post) — karty jak na stronie głównej ===================== */
.cen-related{ margin-block:clamp(36px,5vw,64px) }
.cen-related-head h2{ font-family:var(--font-display);font-weight:600;color:var(--blue-900);font-size:clamp(24px,2.8vw,36px);letter-spacing:-.015em;margin:0 0 24px }
.cen-related-head h2::after{ content:"";display:block;width:60px;height:3px;background:var(--gold);border-radius:var(--r-pill);margin-top:14px }
.cen-related-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:24px }
@media(max-width:980px){ .cen-related-grid{ grid-template-columns:1fr 1fr } }
@media(max-width:600px){ .cen-related-grid{ grid-template-columns:1fr } }
.cen-rcard{ display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;text-decoration:none }
.cen-rcard:hover{ transform:translateY(-6px);box-shadow:var(--shadow-hover) }
.cen-rcard-ph{ position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--blue-100),var(--blue-200,#cfe0f2)) }
.cen-rcard-ph img{ width:100%;height:100%;object-fit:cover;transition:.45s }
.cen-rcard:hover .cen-rcard-ph img{ transform:scale(1.06) }
.cen-rcard-cat{ position:absolute;top:12px;left:12px;background:rgba(255,255,255,.95);color:var(--blue-800);font-size:11px;font-weight:700;padding:5px 11px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.03em }
.cen-rcard-body{ padding:18px 20px;display:flex;flex-direction:column;gap:8px;flex:1 }
.cen-rcard-date{ font-size:12px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums }
.cen-rcard-body :is(h2,h3){ font-family:var(--font-body);font-weight:700;font-size:16.5px;line-height:1.3;color:var(--blue-900);margin:0;letter-spacing:-.01em }
.cen-rcard-more{ margin-top:auto;font-size:13.5px;font-weight:700;color:var(--blue-800) }
.cen-related-more{ margin-top:28px;text-align:center }
.cen-rmore{ display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--r-sm);font-weight:700;font-size:15px;background:var(--blue-800);color:#fff !important;text-decoration:none !important;transition:.16s }
.cen-rmore:hover{ background:var(--blue-900);transform:translateY(-2px);box-shadow:var(--shadow) }

/* ===================== WYNIKI WYSZUKIWANIA / pętla — zwarte karty ===================== */
.loop-entry{ min-width:0 }
.loop-entry .entry-content-wrap{ overflow:hidden }
.loop-entry .entry-content{ max-height:7.5em; overflow:hidden; -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent); mask-image:linear-gradient(180deg,#000 70%,transparent) }
.loop-entry .entry-content > *{ max-width:100% }
.loop-entry .entry-content img,.loop-entry .entry-content table,.loop-entry .entry-content iframe,.loop-entry .entry-content pre{ max-width:100% !important; height:auto; overflow:auto }
/* tytuł wyniku w stylu marki */
.loop-entry .entry-title{ font-family:var(--font-display);color:var(--blue-900) }
.loop-entry .entry-title a{ color:var(--blue-900);text-decoration:none }
.loop-entry .entry-title a:hover{ color:var(--blue-700) }

/* ===================== KADRA — pojedyncza osoba (cen-our-team single-member) ===================== */
.cen-member__wrap,.cen-team__wrap{ width:100%;max-width:var(--maxw,1600px);margin-inline:auto;padding:clamp(22px,3.5vw,46px) clamp(16px,3vw,32px) clamp(40px,5vw,72px) }
.cen-member__back{ display:inline-flex;align-items:center;gap:7px;color:var(--blue-700);font-weight:600;font-size:14px;text-decoration:none;margin-bottom:22px;transition:.16s }
.cen-member__back svg{ width:18px;height:18px }
.cen-member__back:hover{ color:var(--blue-900);gap:10px }
.cen-member__top{ display:flex;gap:clamp(20px,3vw,40px);align-items:center;flex-wrap:wrap;padding-bottom:clamp(24px,3vw,36px);margin-bottom:clamp(26px,3.2vw,40px);border-bottom:1px solid var(--line) }
.cen-member__photo{ flex:none;width:200px;height:200px;border-radius:20px;overflow:hidden;background:var(--blue-100);box-shadow:var(--shadow) }
.cen-member__photo img{ width:100%;height:100%;object-fit:cover;display:block }
.cen-member__intro{ min-width:0;flex:1 1 320px }
.cen-member__name{ font-family:var(--font-display) !important;font-weight:600;color:var(--blue-900) !important;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.02em;margin:0 }
.cen-member__name::after{ content:"";display:block;width:60px;height:3px;background:var(--gold);border-radius:var(--r-pill);margin:16px 0 0 }
.cen-member__role{ color:var(--muted);font-size:17px;line-height:1.5;margin:16px 0 0 }
.cen-member__contact{ list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:9px 22px }
.cen-member__contact li{ display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink) }
.cen-member__contact svg{ width:17px;height:17px;color:var(--blue-600);flex:none }
.cen-member__contact a{ color:var(--blue-700);text-decoration:none }
.cen-member__contact a:hover{ text-decoration:underline }
.cen-member__body{ max-width:82ch }
/* neutralizacja jaskrawego #3366ff z bio AIT */
.cen-member__body [style*="3366ff"]{ color:var(--blue-800) !important }
.cen-member__body h4{ font-family:var(--font-display);color:var(--blue-900);font-size:clamp(19px,2vw,23px);margin:1.5em 0 .5em }

/* ===================== KADRA — archiwum /kadra/ (siatka osób) ===================== */
.cen-team__head{ text-align:center;padding-bottom:clamp(22px,3vw,38px);margin-bottom:clamp(8px,1.5vw,16px) }
.cen-team__title{ font-family:var(--font-display);font-weight:600;color:var(--blue-900);font-size:clamp(32px,4.4vw,52px);letter-spacing:-.02em;margin:0;line-height:1.05 }
.cen-team__title::after{ content:"";display:block;width:64px;height:3px;background:var(--gold);border-radius:var(--r-pill);margin:18px auto 0 }
.cen-team__lead{ color:var(--muted);max-width:640px;margin:16px auto 0;font-size:16px;line-height:1.6 }
.cen-team-grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:22px }
.cen-tcard{ display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;text-decoration:none !important }
.cen-tcard:hover{ transform:translateY(-5px);box-shadow:var(--shadow-hover) }
.cen-tcard__ph{ display:block;aspect-ratio:1/1;overflow:hidden;background:var(--blue-100) }
.cen-tcard__ph img{ width:100%;height:100%;object-fit:cover;transition:.45s }
.cen-tcard:hover .cen-tcard__ph img{ transform:scale(1.05) }
.cen-tcard__ph--empty{ display:block;width:100%;height:100%;background:linear-gradient(160deg,var(--blue-100),var(--blue-50)) }
.cen-tcard__body{ padding:15px 18px 18px;display:flex;flex-direction:column;gap:5px;flex:1 }
.cen-tcard__name{ font-family:var(--font-display);font-weight:600;color:var(--blue-900);font-size:17px;line-height:1.2;letter-spacing:-.01em }
.cen-tcard__role{ font-size:12.5px;color:var(--muted);line-height:1.4 }
.cen-tcard__more{ margin-top:auto;padding-top:10px;font-size:12.5px;font-weight:700;color:var(--blue-700) }

/* ===================== TREŚCI AIT — neutralizacja jaskrawych pozostałości ===================== */
/* jaskrawy niebieski #3366ff (nazwiska/linki) → brandowy granat */
.entry-content [style*="3366ff"]{ color:var(--blue-800) !important }
/* nazwiska-trenerzy jako przyciski outline (link do /kadra/) → markowy chip */
.entry-content .wp-block-button.is-style-outline .wp-block-button__link{
  background:var(--blue-50) !important;color:var(--blue-900) !important;
  border:1px solid var(--line);border-radius:var(--r-pill);
  font-family:var(--font-display);font-weight:600;padding:9px 20px;text-decoration:none !important;transition:.16s;
}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover{
  background:var(--blue-100) !important;border-color:var(--blue-600);transform:translateY(-1px);
}
/* pasy info „pale-cyan-blue" (h-nagłówki z presetowym tłem) → markowy pasek z akcentem */
.entry-content :where(h2,h3,h4,h5,h6).has-pale-cyan-blue-background-color,
.entry-content :where(h2,h3,h4,h5,h6).has-background[class*="pale-cyan"]{
  background:var(--blue-50) !important;color:var(--blue-900) !important;
  border-left:4px solid var(--gold);padding:12px 18px !important;
  border-radius:0 var(--r-sm) var(--r-sm) 0;font-family:var(--font-display);font-weight:600;
  font-size:16px !important;line-height:1.4;
}
/* nazwiska jako linki w nagłówkach kart → wygląd nagłówka, nie web-linku */
.entry-content .pcard :where(h2,h3,h4,h5,h6) a{ color:var(--blue-900) !important;text-decoration:none !important }
.entry-content .pcard :where(h2,h3,h4,h5,h6) a:hover{ color:var(--blue-700) !important;text-decoration:underline !important }

/* --- szersza neutralizacja nie-brandowych teł/kolorów z treści AIT (presety WP + inline) --- */
/* WSZYSTKIE jaskrawe TŁA presetów WP (rdzeń) → brandowy soft + czytelny granat */
.entry-content :is(
  .has-vivid-red-background-color,.has-vivid-green-cyan-background-color,.has-vivid-cyan-blue-background-color,
  .has-vivid-purple-background-color,.has-luminous-vivid-amber-background-color,.has-luminous-vivid-orange-background-color,
  .has-pale-pink-background-color,.has-pale-cyan-blue-background-color,.has-light-green-cyan-background-color,
  .has-cyan-bluish-gray-background-color),
.entry-content [style*="#c9e6e3"],.entry-content [style*="#b7d1e6"],.entry-content [style*="#dff4ff"]{
  background-color:var(--blue-50) !important; color:var(--blue-900) !important;
}
/* bloki cover z jaskrawym presetowym tłem → pełna krycia soft (overlay AIT) */
.entry-content .wp-block-cover__background:is([class*="vivid"],[class*="luminous"],[class*="pale-"],[class*="light-green"],[class*="cyan-bluish"]){
  background-color:var(--blue-50) !important; opacity:1 !important;
}
/* WSZYSTKIE jaskrawe KOLORY tekstu presetów → brandowy granat */
.entry-content :is(
  .has-vivid-red-color,.has-vivid-purple-color,.has-vivid-green-cyan-color,.has-vivid-cyan-blue-color,
  .has-luminous-vivid-orange-color,.has-luminous-vivid-amber-color,.has-pale-pink-color){ color:var(--blue-800) !important }
/* jaskrawe inline-kolory tekstu (resztki AIT) → brandowy granat */
.entry-content [style*="#ff6600"],.entry-content [style*="#ff9900"],.entry-content [style*="#0000ff"],
.entry-content [style*="#008000"],.entry-content [style*="#333399"]{ color:var(--blue-800) !important }
/* DOWOLNE inline-tła w treści (AIT „highlight boxy"/fake-buttony, np. #35c900) → soft + czytelny
   tekst. Wyłączone: prawdziwe przyciski (mają złoty styl), cover, sekcje i karty redesignu. */
.entry-content [style*="background-color"]:not(.wp-block-cover):not(.wp-block-cover__background):not([class*="psec"]):not(.wp-block-button__link):not(.wp-element-button):not(.pcard):not(.cen-rcard){
  background-color:var(--blue-50) !important;color:var(--blue-900) !important;
}
.entry-content [style*="background-color"]:not(.wp-block-button__link):not([class*="psec"]) :is(strong,b,em,span,a,p,h1,h2,h3,h4,h5,h6){ color:var(--blue-900) !important }
/* prawdziwe przyciski blokowe ZAWSZE złote (bije inline/preset z treści) */
.entry-content .wp-block-button__link,.entry-content .wp-element-button{ background:var(--gold) !important;color:#3a2600 !important }
/* cover bloki z miętowym/jasnoniebieskim tłem → spokojne brandowe tło */
.entry-content .wp-block-cover__background[style*="c9e6e3"],
.entry-content .wp-block-cover__background[style*="b7d1e6"]{ background-color:var(--blue-50) !important;opacity:1 !important }
/* podpisy galerii z bordowym tłem AIT → neutralny, czytelny pasek */
.entry-content figcaption[style*="6f0000"],.entry-content [style*="background-color:#6f0000"]{ background-color:rgba(1,20,42,.78) !important;color:#fff !important }

/* higiena pustych węzłów (artefakty migracji) — zbędne odstępy, czystszy rytm */
.entry-content :is(h1,h2,h3,h4,h5,h6,p):empty,
.entry-content pre.wp-block-preformatted:not(:has(*:not(br))){ display:none !important }
.entry-content pre.wp-block-preformatted br:only-child{ display:none }

/* Legacy shortcode [button] zdegradowany do przycisku CEN — podpis pod przyciskiem. */
.entry-content .cen-legacy-btn{ margin:18px 0 }
.entry-content .cen-legacy-btn-desc{ margin:8px 0 0;font-size:14px;color:var(--blue-700,#3a5a82);max-width:60ch }

/* Pkt 5: nawigacja działów „CENne Wiadomości" (standardowe menu WP, lokalizacja cenne_nav).
   Pozioma listwa pigułek nad treścią stron magazynu; bieżący dział podświetlony. */
.entry-content .cen-cenne-nav{ margin:0 0 clamp(22px,3vw,34px) }
.cen-cenne-nav__list{ list-style:none;margin:0;padding:12px;display:flex;flex-wrap:wrap;gap:8px;background:var(--blue-50);border:1px solid var(--line);border-radius:var(--r-md);justify-content:center }
.cen-cenne-nav__list li{ margin:0 }
.cen-cenne-nav__list a{ display:block;padding:8px 15px;border-radius:var(--r-pill,999px);font-size:14px;font-weight:600;color:var(--blue-800);text-decoration:none;transition:background .2s,color .2s }
.cen-cenne-nav__list a:hover{ background:#fff;color:var(--blue-900) }
.cen-cenne-nav__list .current-menu-item>a,.cen-cenne-nav__list .current_page_item>a,.cen-cenne-nav__list .current-menu-ancestor>a{ background:var(--blue-900);color:#fff }

/* === Events Manager — rebrand pod design CEN ===
   EM ma własny system zmiennych CSS na `.em` + selektory ID `#em-booking`. Nadpisujemy
   zmienne marki (granat/Fraunces/miękkie tła) ORAZ kluczowe elementy selektorem ID +
   !important, by wygrać z wewnętrznym CSS EM. */
.em,.entry-content .em{
	--accent-hue:210; --accent-s:97%; --accent-l:17%;
	--accent-color:var(--blue-900,#012a52); --accent-color-hover:var(--blue-700,#1e4d80);
	--button-primary-color:#3a2600; --background-color-softer:var(--blue-50,#f2f7fc);
	--border-color:var(--line,#d9e2ec); --border-color-softer:#e6eef6;
	--text-color-richer:var(--blue-900,#012a52); --font-family:var(--font-body);
}
.em h3,.em-booking h3,#em-booking h3,.em-booking-form-details h3{ font-family:var(--font-display);color:var(--blue-900) }
/* Nagłówki sekcji wydarzenia podniesione z h3→h2 (heading-order) — utrzymujemy rozmiar
   etykiety sekcji, a nie domyślnego dużego h2 motywu. */
.em-item-meta h2,.em-event-when h2,.em-event-where h2,.em-event-location h2,.em-event-bookings-meta h2,.em-event-category h2{ font-family:var(--font-display);color:var(--blue-900);font-size:1.6rem;line-height:1.25;margin:0 0 .55rem;letter-spacing:-.01em }
/* Form JS „pixelbones": brak #em-booking — celujemy w realne klasy (content.css ładuje się ostatni → wygrywa) */
.em-event-booking-form,.em .em-booking-form,.em-booking-form{ background:var(--blue-50)!important;border:1px solid var(--line)!important;border-radius:var(--r-md)!important;padding:clamp(16px,2.4vw,26px)!important;max-width:700px }
.em-booking-submit,.em-event-booking-form .em-button,.em .em-booking-submit,.em button.em-button[type=submit],.em input[type=submit]{ background:var(--gold,#f3a712)!important;background-image:none!important;color:#3a2600!important;border:0!important;border-radius:var(--r-pill,999px)!important;font-weight:700!important;padding:13px 28px!important;width:auto!important;text-transform:none!important;box-shadow:none!important }
.em-booking-submit:hover,.em .em-booking-submit:hover{ filter:brightness(1.06) }
.em .em-input,.em input[type=text],.em input[type=email],.em input[type=tel],.em select,.em textarea{ border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;background:#fff!important }
/* Formularz rezerwacji jako miękka karta CEN (ID > klasa EM) */
#em-booking .em-booking-form,#em-booking.em-booking{ background:var(--blue-50)!important;border:1px solid var(--line)!important;border-radius:var(--r-md)!important;padding:clamp(18px,2.6vw,28px)!important;max-width:680px }
#em-booking label{ font-weight:600;color:var(--blue-800) }
#em-booking input[type=text],#em-booking input[type=email],#em-booking input[type=tel],#em-booking input[type=number],#em-booking select,#em-booking textarea{ border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;background:#fff!important;padding:10px 13px!important;font-size:15px;color:var(--ink) }
#em-booking input:focus,#em-booking select:focus,#em-booking textarea:focus{ border-color:var(--blue-600)!important;box-shadow:0 0 0 3px var(--blue-100)!important;outline:none }
/* Przycisk rezerwacji → złoty przycisk CEN (ID + !important) */
#em-booking .em-booking-submit,#em-booking input.em-button,#em-booking button.em-button,#em-booking input[type=submit],#em-booking button[type=submit]{ background:var(--gold,#f3a712)!important;background-image:none!important;color:#3a2600!important;border:0!important;border-radius:var(--r-pill,999px)!important;font-weight:700!important;font-size:15px!important;padding:13px 28px!important;width:auto!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer;transition:transform .15s,filter .15s }
#em-booking .em-booking-submit:hover,#em-booking input.em-button:hover,#em-booking button.em-button:hover,#em-booking input[type=submit]:hover{ filter:brightness(1.06);transform:translateY(-2px) }
/* Tabela biletów + lista wydarzeń */
#em-booking table{ width:100%;border-collapse:collapse }
#em-booking th,#em-booking td{ padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px }
.entry-content .em-events-list .em-item,.entry-content ul.em-events-list>li{ border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;margin-bottom:14px;background:#fff;box-shadow:var(--shadow) }

/* Stare bloki cover w treści (kolekcje cenne_*) — czystszy wygląd BEZ chowania
   prawdziwych okładek/miniatur. Chowamy tylko dekoracyjny separator i temperujemy
   pasek; tekst-tytuł czytelny granat. */
.entry-content .wp-block-cover{ min-height:0 !important;align-items:center }
/* separator-cover: pasek pełni rolę ozdobnej kreski + nosi tytuł → kompaktowy, bez tła */
.entry-content .wp-block-cover:has(img[src*="separator"]),
.entry-content .wp-block-cover:has(img[src*="kreska"]){ padding:8px 0 !important;background:none !important }
.entry-content .wp-block-cover:has(img[src*="separator"]) .wp-block-cover__background,
.entry-content .wp-block-cover:has(img[src*="kreska"]) .wp-block-cover__background,
.entry-content .wp-block-cover img[src*="separator"],
.entry-content .wp-block-cover img[src*="kreska"]{ display:none !important }
.entry-content .wp-block-cover .wp-block-cover__inner-container{ width:100% }
.entry-content .wp-block-cover:has(img[src*="separator"]) :where(p,a,span,h1,h2,h3,h4,h5,h6,strong){ color:var(--blue-900) !important;text-shadow:none !important }
.entry-content .wp-block-cover:has(img[src*="separator"]) a{ text-decoration:none;font-family:var(--font-display);font-weight:600 }
.entry-content .wp-block-cover:has(img[src*="separator"]) a:hover{ color:var(--blue-700) !important;text-decoration:underline }

/* --- legacy AIT „our-team" (nauczyciele-doradcy, _2_1_kadra) → siatka kart --- */
.entry-content :has(> .wrapper-our-team){ display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;align-items:start }
.entry-content .cen-other-members.wrapper-our-team{ margin:0 !important;padding:0 !important;width:auto !important }
.entry-content .our-team-item{ background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s }
.entry-content .our-team-item:hover{ transform:translateY(-5px);box-shadow:var(--shadow-hover) }
.entry-content .our-team-image{ position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--blue-100) }
.entry-content .our-team-image a,.entry-content .our-team-image img{ display:block;width:100%;height:100%;object-fit:cover }
.entry-content .our-team-image img{ transition:.45s;border-radius:0 }
.entry-content .our-team-item:hover .our-team-image img{ transform:scale(1.05) }
.entry-content .our-team-image .designation{ position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(1,20,42,.82));color:#fff;font-size:12px;padding:18px 12px 8px }
.entry-content .content-team{ padding:14px 16px 16px }
.entry-content .content-team .title{ margin:0;font-family:var(--font-display);font-size:16px;line-height:1.25;color:var(--blue-900) }
.entry-content .content-team .title a{ color:var(--blue-900) !important;text-decoration:none !important }
.entry-content .content-team .title a:hover{ color:var(--blue-700) !important }

/* --- obraz wyróżniający WPISU: nie rozdmuchuj małych grafik, ogranicz wysokość --- */
.single .post-thumbnail.article-post-thumbnail,
.single .post-thumbnail-inner{
  position:static !important;inset:auto !important; /* Kadence dawał inner position:absolute → kontener zwijał się do 0 */
  height:auto !important;aspect-ratio:auto !important;padding:0 !important;min-height:0 !important;
  max-width:1100px;margin-inline:auto;background:none;
  display:block;text-align:center; /* NIE flex — flex zwijał obraz do 0 */
}
.single .post-thumbnail.article-post-thumbnail{ margin-bottom:clamp(18px,2.6vw,34px) !important }
.single .post-thumbnail .post-top-featured.wp-post-image,
.single .post-thumbnail img{
  position:static !important;inset:auto !important;
  width:auto !important;height:auto !important;aspect-ratio:auto !important;
  max-width:100%;max-height:460px;object-fit:contain !important;
  margin-inline:auto;display:block;border-radius:var(--r-md);
}

/* ===================== POJEDYNCZY WPIS — układ magazynowy (obraz z boku) ===================== */
.cen-post-main{ width:100%;max-width:1120px;margin-inline:auto;padding:clamp(22px,3.4vw,44px) clamp(16px,3vw,30px) clamp(44px,5vw,72px) }
.cen-post__header{ margin-bottom:clamp(24px,3.2vw,40px);padding-bottom:clamp(20px,2.6vw,32px);border-bottom:1px solid var(--line) }
.cen-post__header--img{ display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:clamp(22px,3vw,42px);align-items:center }
.cen-post__media img{ width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:var(--r-md);display:block;background:var(--blue-50) }
.cen-post__intro{ min-width:0 }
.cen-post__cat{ display:inline-block;background:var(--blue-50);color:var(--blue-800);font-size:11px;font-weight:700;padding:5px 12px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px }
.cen-post__title{ font-family:var(--font-display);font-weight:600;color:var(--blue-900);font-size:clamp(26px,3.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance }
.cen-post__title::after{ content:"";display:block;width:58px;height:3px;background:var(--gold);border-radius:var(--r-pill);margin:18px 0 0 }
.cen-post__meta{ color:var(--muted);font-size:14px;font-weight:600;margin-top:16px }
.cen-post__body{ margin-top:clamp(8px,1.4vw,18px) }
@media(max-width:720px){ .cen-post__header--img{ grid-template-columns:1fr;gap:16px } .cen-post__media img{ max-height:300px;margin-inline:auto } }
/* nawigacja poprzedni/następny */
.cen-post-nav{ margin:clamp(34px,4.5vw,56px) auto 0;max-width:1120px;border-top:1px solid var(--line);padding:24px clamp(16px,3vw,30px) 0 }
.cen-post-nav .nav-links{ display:flex;gap:20px;justify-content:space-between }
.cen-post-nav .nav-previous,.cen-post-nav .nav-next{ max-width:48% }
.cen-post-nav .nav-next{ text-align:right;margin-left:auto }
.cen-post-nav a{ display:inline-flex;flex-direction:column;gap:5px;text-decoration:none }
.cen-post-nav .nav-next a{ align-items:flex-end }
.cen-nav__dir{ font-size:12px;font-weight:700;color:var(--blue-700);text-transform:uppercase;letter-spacing:.04em }
.cen-nav__title{ font-family:var(--font-display);color:var(--blue-900);font-size:16px;line-height:1.3 }
.cen-post-nav a:hover .cen-nav__title{ color:var(--blue-700) }
/* powiązane wpisy — wyśrodkowane w kolumnie wpisu (bez breakoutu) */
.cen-post-main .cen-related{ max-width:1120px;margin-inline:auto;padding-inline:clamp(16px,3vw,30px) }

/* ===================== POJEDYNCZE WYDARZENIE (cen_event) ===================== */
.cen-event-main{ width:100%;max-width:1180px;margin-inline:auto;padding:clamp(22px,3.4vw,44px) clamp(16px,3vw,30px) clamp(44px,5vw,72px) }
.cen-event__back{ display:inline-flex;align-items:center;gap:7px;color:var(--blue-700);font-weight:600;font-size:14px;text-decoration:none;margin-bottom:20px;transition:.16s }
.cen-event__back svg{ width:18px;height:18px }
.cen-event__back:hover{ color:var(--blue-900);gap:10px }
.cen-event__header{ margin-bottom:clamp(24px,3vw,38px) }
.cen-event__cat{ display:inline-block;background:var(--blue-50);color:var(--blue-800);font-size:11px;font-weight:700;padding:5px 12px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px }
.cen-event__title{ font-family:var(--font-display);font-weight:600;color:var(--blue-900);font-size:clamp(28px,3.6vw,46px);line-height:1.07;letter-spacing:-.02em;margin:0;text-wrap:balance }
.cen-event__title::after{ content:"";display:block;width:60px;height:3px;background:var(--gold);border-radius:var(--r-pill);margin:18px 0 0 }
.cen-event__layout{ display:grid;grid-template-columns:1fr 340px;gap:clamp(26px,3.4vw,48px);align-items:start }
.cen-event__cover{ width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:var(--r-md);margin:0 0 24px;display:block }
.cen-event__content{ min-width:0 }
.cen-event__side{ position:sticky;top:160px }
.cen-event__card{ background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--r-md);box-shadow:var(--shadow);padding:24px }
.cen-event__card-title{ font-family:var(--font-display);font-weight:600;color:var(--blue-900);font-size:19px;margin:0 0 16px }
.cen-event__details{ margin:0 }
.cen-event__details > div{ display:flex;flex-direction:column;gap:2px;padding:11px 0;border-bottom:1px solid var(--line) }
.cen-event__details > div:last-child{ border-bottom:0 }
.cen-event__details dt{ font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em }
.cen-event__details dd{ margin:0;font-size:15px;color:var(--blue-900);font-weight:600 }
.cen-event__details dd a{ color:var(--blue-700);text-decoration:none }
.cen-event__details dd a:hover{ text-decoration:underline }
.cen-event__cta{ display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;background:var(--gold);color:#3a2600 !important;font-weight:700;font-size:15px;padding:14px 20px;border-radius:var(--r-sm);text-decoration:none !important;transition:.16s }
.cen-event__cta:hover{ background:#ffba2e;transform:translateY(-2px);box-shadow:var(--shadow) }
.cen-event__closed{ margin:18px 0 0;font-size:14px;color:var(--muted);text-align:center }
@media(max-width:840px){ .cen-event__layout{ grid-template-columns:1fr } .cen-event__side{ position:static } }

/* ===================== ARCHIWUM / WYSZUKIWARKA — markowa siatka kart ===================== */
.cen-archive__wrap{ width:100%;max-width:var(--maxw,1600px);margin-inline:auto;padding:clamp(22px,3.5vw,46px) clamp(16px,3vw,32px) clamp(44px,5vw,72px) }
.cen-archive__head{ text-align:center;padding-bottom:clamp(22px,3vw,36px);margin-bottom:clamp(6px,1.4vw,14px);border-bottom:1px solid var(--line) }
.cen-archive__title{ font-family:var(--font-display);font-weight:600;color:var(--blue-900);font-size:clamp(30px,4.2vw,50px);letter-spacing:-.02em;line-height:1.05;margin:0;text-transform:none }
.cen-archive__title::after{ content:"";display:block;width:64px;height:3px;background:var(--gold);border-radius:var(--r-pill);margin:18px auto 0 }
.cen-archive__desc{ color:var(--muted);max-width:680px;margin:16px auto 0;font-size:16px;line-height:1.6 }
.cen-archive__count{ color:var(--blue-700);font-weight:600;font-size:13px;margin:14px 0 0;letter-spacing:.03em;text-transform:uppercase }
/* spec pkt 6/7: listy wpisów/archiwów — 2 wpisy obok siebie (zamiast 3). Szersze,
   czytelniejsze karty. Powiązane posty pod artykułem zostają 3-up (.cen-related-grid). */
.cen-archive-grid{ margin-top:clamp(24px,3vw,40px);grid-template-columns:1fr 1fr }
@media(max-width:640px){ .cen-archive-grid{ grid-template-columns:1fr } }
/* szersze karty 2-up: większy obraz + zajawka mieszczą się ładnie */
.cen-archive-grid .cen-rcard-ph{ aspect-ratio:16/9 }
.cen-archive-grid .cen-rcard-body{ padding:20px 22px 22px }
/* równe karty: przytnij długie tytuły */
.cen-archive-grid .cen-rcard-body :is(h2,h3){ display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden }
.cen-archive__empty{ text-align:center;color:var(--muted);padding:36px 0;font-size:16px }
.cen-archive__empty .search-form{ display:flex;gap:10px;max-width:480px;margin:22px auto 0 }
.cen-archive__empty .search-field{ flex:1;min-width:0;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-sm) }
.cen-archive__empty .search-submit{ flex:none;background:var(--blue-800);color:#fff;border:0;border-radius:var(--r-sm);padding:12px 22px;font-weight:700;cursor:pointer }
/* paginacja */
.cen-archive-main .pagination,.cen-archive-main .navigation{ margin-top:clamp(30px,4vw,52px) }
.cen-archive-main .nav-links{ display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center }
.cen-archive-main .page-numbers{ display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;color:var(--blue-800);font-weight:600;text-decoration:none;transition:transform .16s,background .16s,border-color .16s }
.cen-archive-main .page-numbers:hover{ background:var(--blue-50);border-color:var(--blue-600);transform:translateY(-1px) }
.cen-archive-main .page-numbers.current{ background:var(--blue-800);color:#fff;border-color:var(--blue-800) }
.cen-archive-main .page-numbers.dots{ border:0;background:none;min-width:auto }
/* karta bez obrazka — czysty wariant tekstowy (zamiast wymuszonego logo) */
.cen-rcard--noimg{ border-top:3px solid var(--gold) }
.cen-rcard--noimg .cen-rcard-body{ padding:20px 20px 18px;gap:9px }
.cen-rcard-cat--inline{ position:static;align-self:flex-start;background:var(--blue-50);color:var(--blue-800);font-size:11px;font-weight:700;padding:5px 11px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px }
.cen-rcard--noimg .cen-rcard-body :is(h2,h3){ font-size:18px;line-height:1.3;-webkit-line-clamp:4 }

/* ===================== HARMONOGRAM SZKOLEŃ — karty wydarzeń (cen-events-manager) ===================== */
/* Sekcje kategorii = plain + lista wydarzeń. Spójny rytm (jednolite tło, oddech,
   złoty akcent nagłówka, cienka linia separująca) zamiast naprzemiennych pasów.
   :has() celuje wyłącznie w sekcje zawierające listę wydarzeń — nie rusza innych. */
.entry-content .psec--plain:has(.event-shortcode-wrapper){
  margin-block:0 !important;                 /* usuń zdublowany margines .psec (był + padding = ~100px luki) */
  padding-block:clamp(20px,2.4vw,28px) !important;  /* symetrycznie: separator pośrodku między sekcjami */
  border-top:1px solid var(--line);
}
/* pierwsza sekcja kategorii (zaraz po navy hero) bez linii — navy box już oddziela */
.entry-content .psec--navy + .psec--plain:has(.event-shortcode-wrapper){ border-top:0 }
.entry-content .psec--plain:has(.event-shortcode-wrapper) > .psec__in > .wp-block-heading{
  position:relative; padding-left:20px; margin:0 0 20px; font-size:clamp(22px,2.4vw,30px);
}
.entry-content .psec--plain:has(.event-shortcode-wrapper) > .psec__in > .wp-block-heading::before{
  content:""; position:absolute; left:0; top:.1em; bottom:.1em; width:5px;
  background:var(--gold); border-radius:var(--r-pill);
}
.event-shortcode-wrapper.list-event{ margin-top:8px }
.cen-events{ display:flex;flex-wrap:wrap;gap:20px;margin-top:6px }
.cen-ecard{ flex:1 1 340px;max-width:560px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s,box-shadow .2s }
@media(max-width:560px){ .cen-ecard{ flex-basis:100%;max-width:none } }
.cen-ecard:hover{ transform:translateY(-4px);box-shadow:var(--shadow-hover) }
.cen-ecard__link{ display:flex;gap:18px;align-items:flex-start;padding:20px;text-decoration:none !important;color:inherit }
.cen-ecard__date{ flex:none;width:66px;height:66px;border-radius:14px;background:linear-gradient(160deg,var(--blue-700),var(--blue-900));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1 }
.cen-ecard__day{ font-family:var(--font-display);font-weight:700;font-size:26px }
.cen-ecard__mon{ font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:3px }
.cen-ecard__body{ min-width:0;flex:1;display:flex;flex-direction:column }
.cen-ecard__title{ font-family:var(--font-display);font-weight:600;color:var(--blue-900) !important;font-size:18px;line-height:1.25;letter-spacing:-.01em;margin:0 0 11px }
.cen-ecard:hover .cen-ecard__title{ color:var(--blue-700) !important }
.cen-ecard__meta{ display:flex;flex-direction:column;gap:7px }
.cen-ecard__m{ display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted);line-height:1.35 }
.cen-ecard__m svg{ flex:none;width:16px;height:16px;color:var(--blue-600) }
.cen-ecard__tag{ align-self:flex-start;margin-top:12px;background:var(--blue-50);color:var(--blue-800);font-size:12px;font-weight:700;padding:4px 11px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.03em }
.cen-ecard__more{ margin-top:14px;font-size:13.5px;font-weight:700;color:var(--blue-800) }
/* stan pusty — taktowny, nie alarmujący; delikatne tło + akcent zamiast „dropzone" */
.cen-events-empty{ position:relative;margin:6px 0 0;padding:16px 22px 16px 52px;background:var(--soft);border:1px solid var(--line);border-left:3px solid var(--blue-300,#9cc3e6);border-radius:var(--r-md);color:var(--blue-900);font-size:15px;line-height:1.6 }
.cen-events-empty::before{ content:"";position:absolute;left:20px;top:18px;width:18px;height:18px;background:var(--blue-600);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='3' y='4' width='18' height='18' rx='2'/><path d='M16 2v4M8 2v4M3 10h18'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='3' y='4' width='18' height='18' rx='2'/><path d='M16 2v4M8 2v4M3 10h18'/></svg>") center/contain no-repeat }
.cen-events-empty a{ color:var(--blue-700);text-decoration:underline;text-underline-offset:2px;font-weight:600 }
.cen-events-empty a:hover{ color:var(--blue-900) }

/* ===================== STRONA 404 — markowy, pomocny układ ===================== */
.error{ max-width:760px;margin-inline:auto;text-align:center;padding-block:clamp(24px,5vw,56px) }
.error .page-header{ margin:0 0 18px }
.error .page-title{
  font-family:var(--font-display) !important;font-weight:600;color:var(--blue-900);
  font-size:clamp(30px,4.4vw,52px);line-height:1.06;letter-spacing:-.02em;margin:0;text-transform:none;
}
.error .page-title::after{ content:"";display:block;width:64px;height:3px;background:var(--gold);border-radius:var(--r-pill);margin:18px auto 0 }
.error .page-content > .entry-content-wrap > p{ color:var(--muted);font-size:17px;line-height:1.7;max-width:54ch;margin:0 auto 24px }
/* wyszukiwarka na 404 */
.error .search-form{ display:flex;gap:10px;max-width:520px;margin:0 auto }
.error .search-form .search-field{ flex:1;min-width:0;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:15px;background:#fff;color:var(--ink) }
.error .search-form .search-field:focus{ outline:2px solid var(--blue-600);outline-offset:1px;border-color:var(--blue-600) }
.error .search-form .search-submit{ flex:none;width:auto !important;min-width:0;white-space:nowrap;overflow:visible;background:var(--blue-800);color:#fff;border:0;border-radius:var(--r-sm);padding:13px 24px;font-weight:700;font-size:15px;cursor:pointer;transition:.16s }
.error .search-form .search-submit:hover{ background:var(--blue-900) }
/* pomocne odnośniki (chipsy sekcji) */
.cen-404-nav{ margin-top:38px }
.cen-404-nav__label{ font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 14px }
.cen-404-menu{ list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center }
.cen-404-menu li{ margin:0 }
.cen-404-menu a{ display:inline-flex;align-items:center;padding:9px 17px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;color:var(--blue-800);font-weight:600;font-size:14px;text-decoration:none;transition:transform .16s,background .16s,border-color .16s }
.cen-404-menu a:hover{ background:var(--blue-50);border-color:var(--blue-600);transform:translateY(-2px) }
.cen-404-menu a:focus-visible{ outline:2px solid var(--blue-600);outline-offset:2px }

/* ===== EM (pixelbones) — wymuszony styl formularza zapisów. Prefiks #inner-wrap (ID)
   bije specyficzność pixelbones, który wcześniej nadpisywał nasze reguły. ===== */
#inner-wrap .em-event-booking-form,#inner-wrap .em.em-booking-form{ background:var(--blue-50)!important;border:1px solid var(--line)!important;border-radius:var(--r-md)!important;padding:clamp(18px,2.6vw,30px)!important;max-width:720px }
#inner-wrap .em-booking-submit,#inner-wrap input.em-button[type=submit],#inner-wrap .em input[type=submit],#inner-wrap .em-booking-form input[type=submit]{ background:var(--gold,#f3a712)!important;background-image:none!important;color:#3a2600!important;border:0!important;border-radius:var(--r-pill,999px)!important;font-weight:700!important;font-size:15px!important;line-height:1.3!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:13px 32px!important;width:auto!important;min-width:200px;text-transform:none!important;letter-spacing:0!important;box-shadow:0 8px 20px rgba(243,167,18,.28)!important;cursor:pointer;transition:filter .16s,transform .16s }
#inner-wrap .em-booking-submit:hover{ filter:brightness(1.06);transform:translateY(-2px) }
#inner-wrap .em-event-booking-form input[type=text],#inner-wrap .em-event-booking-form input[type=email],#inner-wrap .em-event-booking-form input[type=tel],#inner-wrap .em-event-booking-form input[type=number],#inner-wrap .em-event-booking-form select,#inner-wrap .em-event-booking-form textarea{ border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;background:#fff!important;padding:11px 14px!important;font-size:15px!important;color:var(--ink)!important;width:100%!important;max-width:440px;box-shadow:none!important }
#inner-wrap .em-event-booking-form textarea{ max-width:560px }
#inner-wrap .em-event-booking-form label{ font-weight:600!important;color:var(--blue-800)!important }
#inner-wrap .em-event-booking-form h3{ font-family:var(--font-display)!important;color:var(--blue-900)!important;font-size:1.3rem!important;font-weight:600!important;margin:8px 0 14px!important;background:none!important;border:0!important;padding:0!important }
#inner-wrap .em-booking-form-details,#inner-wrap .em-booking-form-tickets{ background:none!important;border:0!important;padding:0!important }

/* ===== Lightbox galerii (klikalny podgląd zdjęć z przewijaniem) ===== */
.grid-gallery img,.entry-content .crop img{cursor:zoom-in;transition:filter .15s,transform .15s}
.grid-gallery .crop:hover img{filter:brightness(1.04)}
.cen-lb{position:fixed;inset:0;z-index:99990;background:rgba(4,16,38,.93);display:none;align-items:center;justify-content:center;padding:clamp(10px,4vw,48px)}
.cen-lb.open{display:flex;animation:cen-lb-in .18s ease}
@keyframes cen-lb-in{from{opacity:0}to{opacity:1}}
.cen-lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.cen-lb-fig img{max-width:92vw;max-height:82vh;width:auto;height:auto;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.5);object-fit:contain;background:#0b1f3d}
.cen-lb-fig figcaption{color:#dbe7f5;font-size:14px;text-align:center;max-width:80vw}
.cen-lb-close,.cen-lb-prev,.cen-lb-next{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;cursor:pointer;border-radius:var(--r-pill,999px);display:grid;place-items:center;transition:.16s;line-height:1}
.cen-lb-close{top:20px;right:24px;width:48px;height:48px;font-size:30px}
.cen-lb-prev,.cen-lb-next{top:50%;transform:translateY(-50%);width:56px;height:56px;font-size:36px}
.cen-lb-prev{left:18px}.cen-lb-next{right:18px}
.cen-lb-close:hover,.cen-lb-prev:hover,.cen-lb-next:hover{background:var(--gold,#f3a712);color:#3a2600}
.cen-lb-count{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#cfe0f2;font-size:13px;background:rgba(0,0,0,.35);padding:5px 14px;border-radius:var(--r-pill,999px)}
@media(max-width:640px){.cen-lb-prev,.cen-lb-next{width:44px;height:44px;font-size:28px}.cen-lb-close{width:42px;height:42px;font-size:26px;top:12px;right:12px}}

/* Nagłówek wydarzenia: ukryj zdublowany/zepsuty przycisk rezerwacji (#_BOOKINGBUTTON,
   .em-event-bookings-meta) — pełne zapisy są w sekcji „Rezerwacje" (desktop: prawa
   kolumna, mobile: niżej). Globalnie, by nie wisiał niebieski przycisk na telefonie. */
#inner-wrap .em-item > .em-item-header .em-event-bookings-meta{ display:none }

/* ===== Wydarzenie (EM) — desktop: opis po lewej, formularz zapisu po prawej =====
   Nagłówek (termin/miejsce) jest paskiem na całą szerokość u góry; pod nim opis
   (lewo) i formularz (prawo) startują od tej samej linii — formularz nie rozpycha
   wiersza i nie spycha opisu w dół. */
@media (min-width: 900px) {
  /* formularz (prawa kolumna) szerszy niż opis — mniej przewijania, pola wypełniają szerokość */
  #inner-wrap .em-item{ display:grid;grid-template-columns:minmax(0,1fr) clamp(330px,33%,430px);column-gap:clamp(30px,3.4vw,52px);row-gap:clamp(14px,2vw,26px);align-items:start }
  #inner-wrap .em-item > .em-item-header{ grid-column:1 / -1;grid-row:1;margin-bottom:0 }
  #inner-wrap .em-item > .em-event-content{ grid-column:1;grid-row:2;min-width:0 }
  #inner-wrap .em-item > .em-event-bookings{ grid-column:2;grid-row:2;position:sticky;top:96px }
  /* nagłówek „Rezerwacje" w równej linii z opisem — zeruj górny margines H2 (z .entry-content) */
  #inner-wrap .em-item > .em-event-bookings > h2{ margin-top:0 !important }
  #inner-wrap .em-item > .em-event-bookings .em-event-booking-form{ max-width:none }
  /* pola wypełniają szerszą kolumnę (zdejmujemy limit 440px z reguły bazowej) */
  #inner-wrap .em-item > .em-event-bookings .em-event-booking-form :is(input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea){ max-width:none }
}

/* Formularz zapisów EM — zwarte odstępy pól (niższy formularz, mniej przewijania) */
#inner-wrap .em-booking-form-details > p{ margin-bottom:13px !important }
#inner-wrap .em-booking-form-details > .em-login-trigger{ margin-bottom:12px !important }
#inner-wrap .em-booking-form-details label{ margin-bottom:3px !important;display:block }
#inner-wrap .em-booking-form-section .em-booking-section-title{ margin:4px 0 10px !important }

/* ===== Formularz zapisów EM — dopracowanie wyglądu + naprawa „Dodaj do kalendarza" ===== */
/* BŁĄD: tekst „Dodaj do kalendarza" był biały na białym tle (niewidoczny → pusty przycisk). */
#inner-wrap .em-event-add-to-calendar{ display:inline-flex;align-items:center;gap:7px;color:var(--blue-700) !important;background:var(--blue-50);border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 14px;font-size:13px !important;font-weight:600;cursor:pointer;margin-top:6px;line-height:1.2;width:auto !important }
#inner-wrap .em-event-add-to-calendar:hover{ background:var(--blue-100,#dbe9f7);border-color:var(--blue-600) }
#inner-wrap .em-event-add-to-calendar :is(.em-icon,svg){ color:var(--blue-600) !important }
/* wyraźniejsza karta formularza */
#inner-wrap .em-event-booking-form{ box-shadow:0 12px 34px rgba(11,31,61,.07) }
/* czytelne nagłówki sekcji (Wybierz bilet / Dane uczestnika / Podsumowanie) */
#inner-wrap .em-event-bookings .em-booking-section-title{ font-family:var(--font-display);font-size:1.18rem;color:var(--blue-900);font-weight:600;margin:0 0 14px;padding-bottom:9px;border-bottom:1px solid var(--line) !important }
#inner-wrap .em-event-bookings [class*=em-booking-form-section]{ margin-bottom:18px }
/* zdublowany „Czy masz już konto? Zaloguj się" — zostaw tylko pierwszy (nad formularzem) */
#inner-wrap .em-booking-form-details .em-login-trigger{ display:none }
/* etykiety pól */
#inner-wrap .em-event-bookings label{ color:var(--blue-800);font-weight:600 }

/* cen/szkolenia „Najbliższe wydarzenia" — siatka zależna od liczby kart również na
   PODSTRONACH (home.css się tu nie ładuje, a .cen-archive-grid dawał 2 kolumny → 1 karta
   rozciągnięta z pustką po prawej). */
.cen-events-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) }
.cen-events-grid.cen-n1{ grid-template-columns:minmax(0,470px) }
.cen-events-grid.cen-n2{ grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px }
@media(max-width:1000px){ .cen-events-grid:not(.cen-n1){ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media(max-width:560px){ .cen-events-grid{ grid-template-columns:1fr !important;max-width:none } }

/* ============================ WYDARZENIE — zapisy przez Google Form (bez danych osobowych) ============================ */
/* Box „Zapisz mnie" siedzi w sekcji .em-event-bookings (prawa kolumna .em-item — patrz reguły wyżej). */
#inner-wrap .em-item > .em-event-bookings{ padding:0;background:none;border:0;box-shadow:none }
/* grafika formy: EM renderuje obrazek wyróżniający jako .em-item-image — oprawiamy go „na biało" */
#inner-wrap .em-item-image{ background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:clamp(12px,1.8vw,22px);text-align:center;margin-bottom:18px }
#inner-wrap .em-item-image img{ max-width:100%;height:auto;border-radius:6px;display:inline-block }

/* ===== box „Zapisz mnie na tę formę" (odwzorowanie makiety) ===== */
.cen-signup{ border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(11,31,61,.08) }
.cen-signup__head{ background:var(--blue-800);color:#fff;font-weight:700;text-align:center;padding:15px 18px;font-size:17px;letter-spacing:.01em }
.cen-signup__body{ padding:6px 20px 20px }
.cen-signup__row{ display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line) }
.cen-signup__row span{ color:var(--muted);font-size:14px }
.cen-signup__row strong{ color:var(--blue-900);font-weight:700;text-align:right }
.cen-signup__row strong.is-free{ color:#2e8b3d }
.cen-signup__btn{ display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;background:#4e9e2e;color:#fff !important;font-weight:800;font-size:17px;letter-spacing:.04em;padding:15px 18px;border-radius:var(--r-sm);text-decoration:none !important;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:0 8px 18px rgba(78,158,46,.28) }
.cen-signup__btn:hover{ background:#43922a;transform:translateY(-2px);box-shadow:0 12px 24px rgba(78,158,46,.34) }
.cen-signup__btn.is-disabled{ background:#9bb8a3;cursor:not-allowed;box-shadow:none;transform:none }
.cen-signup__btn svg{ flex:0 0 auto }
.cen-signup__note{ margin:14px 0 0;background:var(--soft);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;color:var(--muted);font-size:13px;line-height:1.5;text-align:center }

/* ===== karta kierownika formy ===== */
.cen-leader{ display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(18px,2.4vw,30px);align-items:start;max-width:980px;margin:clamp(28px,4vw,46px) 0 0;padding:clamp(18px,2.4vw,26px);background:var(--blue-50);border:1px solid var(--line);border-radius:var(--r-md) }
.cen-leader__photo{ position:relative }
.cen-leader__photo img{ width:100%;height:auto;border-radius:var(--r-sm);display:block }
.cen-leader__badge{ position:absolute;top:10px;left:10px;background:#5fb344;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:5px 10px;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.18) }
.cen-leader__info h3{ margin:0 0 10px;font-family:var(--font-display);color:var(--blue-900);font-size:clamp(20px,2.2vw,26px);font-weight:600 }
.cen-leader__bio{ color:var(--ink);font-size:15px;line-height:1.6;margin:0 }
.cen-leader__more{ display:inline-block;margin-top:10px;color:var(--blue-700);font-weight:700;text-decoration:none }
.cen-leader__more:hover{ text-decoration:underline }
@media(max-width:560px){ .cen-leader{ grid-template-columns:1fr } .cen-leader__photo{ max-width:240px } }

/* ===== Harmonogram — podział wydarzeń na kategorie form (jak na starej stronie) ===== */
.cen-events-cats{ margin-top:6px }
.cen-evcat{ margin-top:clamp(26px,3.4vw,42px) }
.cen-evcat:first-child{ margin-top:0 }
#inner-wrap .cen-evcat__title{ font-family:var(--font-display);font-weight:600;color:var(--blue-900);font-size:clamp(19px,2.1vw,26px);margin:0 0 18px;padding:12px 18px;background:var(--blue-50);border-left:4px solid var(--gold);border-radius:var(--r-sm);letter-spacing:-.01em }
.cen-evcat__empty{ color:var(--muted);font-size:15px;margin:0;padding:4px 2px }

/* Doradcy metodyczni — zdjęcie doradcy na górze karty */
.cen-doradca-foto{ margin:0 0 14px !important;max-width:165px }
.cen-doradca-foto img{ width:100%;height:auto;border-radius:var(--r-md);display:block;box-shadow:0 8px 20px rgba(11,31,61,.12) }

/* Wydarzenie — na życzenie klienta ukryj „Dodaj do kalendarza" i sekcję „Rodzaj wydarzenia"
   (nagłówek + ikona folderu + link kategorii). Kategoria zostaje PRZYPISANA do wydarzenia
   (potrzebna do grupowania w harmonogramie), tylko nie wyświetlamy jej na stronie wydarzenia. */
#inner-wrap .em-event-add-to-calendar,
#inner-wrap .em-tooltip-ddm-content,
#inner-wrap .em-item-taxonomies{ display:none !important }

/* Wydarzenie — stan „WYGASŁO" po terminie rejestracji (przycisk zielony → granatowy) */
.cen-signup__btn.is-expired{ background:var(--blue-800) !important;color:#fff !important;cursor:not-allowed;box-shadow:none;transform:none;letter-spacing:.06em }
.cen-signup__btn.is-expired:hover{ background:var(--blue-800) !important;transform:none;box-shadow:none }
