/* ═══════════════════════════════════════════════════════════════════════
   Katalog szkoleń (com_catalog) — wygląd zgodny z szablonem ZDZ.
   Tokeny bierze z szablonu; wartości zapasowe pozwalają działać w każdym innym szablonie.
   ═══════════════════════════════════════════════════════════════════════ */

.zdz-k{
  --k-accent: var(--accent, #FF4201);
  --k-accent-dark: var(--accent-dark, #C93200);
  --k-accent-soft: var(--accent-soft, #FFF0EA);
  --k-ink: var(--ink, #020024);
  --k-ink-2: var(--ink-2, #1E1F4B);
  --k-text: var(--text, #3B3E5E);
  --k-muted: var(--muted, #5E6283);
  /* Pomarańczowe wypełnienia z białym tekstem (aktywny filtr) — 5,3:1; sam --k-accent ma 3,5:1 */
  --k-fill: var(--accent-fill, #C93200);
  --k-fill-hover: var(--accent-fill-hover, #A62900);
  /* Przyciski główne: pomarańcz ZDZ (var(--grad-cta)) z białym tekstem — 4,7:1 */
  --k-cta: var(--grad-cta, #D93600);
  --k-cta-hover: var(--grad-cta-hover, #B82D00);
  --k-on-cta: var(--on-cta, #FFFFFF);
  --k-shadow-cta: var(--shadow-cta, 0 4px 14px rgb(var(--accent-rgb) / .28));
  --k-line: var(--line, #E3E5F1);
  --k-surface: var(--surface, #FFFFFF);
  --k-surface-2: var(--surface-2, #F5F6FC);
  --k-error: var(--error, #C42B1C);
  --k-success: var(--success, #137547);
  --k-radius: var(--radius, 14px);
  --k-ease: var(--ease, cubic-bezier(.22,.61,.36,1));
  --k-shadow: var(--shadow, 0 1px 2px rgb(var(--base-rgb) / .05), 0 8px 24px rgb(var(--base-rgb) / .07));
  --k-shadow-lg: var(--shadow-lg, 0 2px 4px rgb(var(--base-rgb) / .06), 0 14px 34px rgb(var(--base-rgb) / .13));
  --k-head: var(--font-head, "Montserrat", "Open Sans", system-ui, sans-serif);
  color: var(--k-text);
}
.zdz-k .vh{ position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.k-muted{ color:var(--k-muted); font-size:13px; }

/* ---------- Wyszukiwarka i filtry ---------- */
.k-finder{
  margin:0 0 22px; padding:16px; background:var(--k-surface);
  border:1px solid var(--k-line); border-radius:var(--k-radius); box-shadow:var(--k-shadow);
}
.k-finder__search{ position:relative; display:flex; gap:8px; }
.k-finder__icon{ position:absolute; left:14px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:var(--k-muted); pointer-events:none; }
.k-finder__icon svg{ width:18px; height:18px; display:block; }
.k-finder__input{
  flex:1 1 auto; min-width:0; height:48px; padding:0 14px 0 42px; background:var(--k-surface-2);
  border:1px solid var(--k-line); border-radius:10px; color:var(--k-ink); font:inherit; font-size:15.5px;
}
.k-finder__input::placeholder{ color:var(--k-muted); }
.k-finder__input:focus{ outline:none; border-color:var(--k-accent); background:var(--k-surface); box-shadow:0 0 0 3px var(--k-accent-soft); }
.k-finder__submit{
  flex:0 0 auto; height:48px; padding:0 22px; background:var(--k-cta); border:0; border-radius:10px;
  color:var(--k-on-cta); font:inherit; font-size:15px; font-weight:600; cursor:pointer; transition:background .15s var(--k-ease);
}
.k-finder__submit:hover{ background:var(--k-cta-hover); }
.k-finder__row{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:12px; }
.k-finder__cat{ flex:0 1 340px; min-width:220px; }
.zdz-k .input{
  width:100%; height:42px; padding:0 40px 0 13px; background-color:var(--k-surface-2);
  border:1px solid var(--k-line); border-radius:9px; color:var(--k-ink); font:inherit; font-size:14.5px;
}
.zdz-k select.input{
  appearance:none; -webkit-appearance:none; cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--k-ink) 50%),linear-gradient(135deg,var(--k-ink) 50%,transparent 50%);
  background-position:calc(100% - 20px) calc(50% + 1px), calc(100% - 15px) calc(50% + 1px);
  background-size:5px 5px,5px 5px; background-repeat:no-repeat;
}
.zdz-k .input:focus{ outline:none; border-color:var(--k-accent); background-color:var(--k-surface); box-shadow:0 0 0 3px var(--k-accent-soft); }
.k-chip{
  display:inline-flex; align-items:center; gap:8px; padding:8px 14px; cursor:pointer; user-select:none;
  background:var(--k-surface-2); border:1px solid var(--k-line); border-radius:999px;
  color:var(--k-ink-2); font-size:13.5px; font-weight:600;
}
.k-chip:hover{ border-color:var(--line-strong, #C9CCE2); }
.k-chip__dot{ width:14px; height:14px; border-radius:50%; border:1.5px solid var(--line-strong, rgb(var(--tint-rgb) / .26)); background:var(--k-surface); transition:all .15s var(--k-ease); }
.k-chip.is-on,.k-chip:has(input:checked){ background:var(--k-fill); border-color:var(--k-fill); color:#fff; }
.k-chip.is-on .k-chip__dot,.k-chip:has(input:checked) .k-chip__dot{ border-color:#fff; background:#fff; box-shadow:inset 0 0 0 3px var(--k-accent); }
.k-chip:has(input:focus-visible){ outline:3px solid var(--k-accent); outline-offset:2px; }

/* ---------- Wyszukiwarka z zakładkami (strona główna, katalog, terminy) ---------- */
.k-hub{
  margin:0 0 22px; background:var(--k-surface); border:1px solid var(--k-line);
  border-radius:18px; box-shadow:var(--k-shadow-lg); overflow:hidden;
}
/* Otwarta lista podpowiedzi pod polem (template.js) wychodzi poza kartę — nie ucinamy jej */
.k-hub:has(.pp-lista:not([hidden])){ overflow:visible; }
.k-hub:has(.pp-lista:not([hidden])) .k-hub__tabs{ border-radius:18px 18px 0 0; }
.zdz-k .k-hub__title{ margin:0; padding:20px 24px 0; font-family:var(--k-head); font-size:22px; line-height:1.15; font-weight:var(--fw-head); color:var(--k-ink); letter-spacing:0; }
.k-hub__tabs{
  display:flex; gap:4px; padding:10px 16px 0; border-bottom:1px solid var(--k-line); background:var(--k-surface-2);
  overflow-x:auto; scrollbar-width:none;
}
.k-hub__title + .k-hub__tabs{ margin-top:14px; }
.k-hub__tabs::-webkit-scrollbar{ display:none; }
.k-hub__tab{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; padding:12px 16px 13px;
  border-bottom:3px solid transparent; margin-bottom:-1px; border-radius:10px 10px 0 0;
  color:var(--k-text); font-size:14.5px; font-weight:700; text-decoration:none; white-space:nowrap;
  transition:color .15s var(--k-ease), background .15s var(--k-ease);
}
.k-hub__tab svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.k-hub__tab:hover{ color:var(--k-ink); background:rgb(var(--base-rgb) / .04); }
.k-hub__tab.is-on{ color:var(--k-accent-dark); background:var(--k-surface); border-bottom-color:var(--k-accent); }
.k-hub__form{ display:flex; flex-direction:column; gap:14px; padding:20px 24px 22px; }
.k-hub__main{ position:relative; display:flex; gap:12px; }
.k-hub__icon{ position:absolute; left:18px; top:19px; width:20px; height:20px; color:var(--k-muted); pointer-events:none; }
.k-hub__icon svg,.k-hub__submit svg{ display:block; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; }
.k-hub__input{
  flex:1 1 auto; min-width:0; height:58px; padding:0 16px 0 50px; background:var(--k-surface-2);
  border:1.5px solid var(--k-line); border-radius:12px; color:var(--k-ink); font:inherit; font-size:16px;
  transition:border-color .15s var(--k-ease), box-shadow .15s var(--k-ease), background .15s var(--k-ease);
}
.k-hub__input::placeholder{ color:var(--k-muted); }
.k-hub__input:focus{ outline:none; border-color:var(--k-accent); background:var(--k-surface); box-shadow:0 0 0 4px var(--k-accent-soft); }
.k-hub__submit{
  flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:10px; height:58px; padding:0 34px;
  background:var(--k-cta); border:0; border-radius:12px; box-shadow:var(--k-shadow-cta);
  color:var(--k-on-cta); font:inherit; font-size:16px; font-weight:700; cursor:pointer;
  transition:background .15s var(--k-ease), transform .15s var(--k-ease);
}
.k-hub__submit svg{ width:18px; height:18px; }
.k-hub__submit:hover{ background:var(--k-cta-hover); transform:translateY(-1px); }
.k-hub__filters{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; align-items:center; }
.k-hub [hidden]{ display:none !important; }
.k-hub__field{ position:relative; }
.k-hub__field > svg{ position:absolute; left:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; fill:none; stroke:var(--k-muted); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.zdz-k .k-hub__field .input{ height:48px; padding-left:40px; background-color:var(--k-surface); border-width:1.5px; }
.k-hub__check{ justify-self:start; min-height:48px; }
.k-hub__active{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding-top:14px; border-top:1px solid var(--k-line); }
.k-hub__active-label{ font-size:13px; color:var(--k-muted); }
.k-tags{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.k-tag{
  display:inline-flex; align-items:center; gap:8px; padding:5px 8px 5px 13px; border-radius:999px;
  background:var(--k-accent-soft); border:1px solid rgb(var(--accent-rgb) / .3); color:var(--k-ink); font-size:13px; font-weight:600; text-decoration:none;
}
.k-tag__x{ display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; background:rgba(201,50,0,.12); color:var(--k-accent-dark); font-size:15px; line-height:1; }
.k-tag:hover{ border-color:var(--k-accent); }
.k-tag:hover .k-tag__x{ background:var(--k-fill); color:#fff; }
.k-hub__reset{ margin-left:auto; color:var(--k-accent-dark); font-size:13.5px; font-weight:600; }
@media (max-width:700px){
  .k-hub__form{ padding:16px; }
  .zdz-k .k-hub__title{ padding:16px 16px 0; font-size:22px; }
  /* Trzy zakładki dzielą szerokość po równo — bez przewijania w bok */
  .k-hub__tabs{ gap:0; padding:6px 6px 0; overflow:visible; }
  .k-hub__tab{ flex:1 1 0; min-width:0; flex-direction:column; gap:4px; padding:10px 4px 11px; font-size:12.5px; line-height:1.2; text-align:center; white-space:normal; }
  .k-hub__main{ flex-direction:column; }
  .k-hub__input{ height:54px; }
  .k-hub__icon{ top:17px; }
  .k-hub__submit{ height:52px; }
  .k-hub__filters{ grid-template-columns:1fr; }
  .k-hub__reset{ margin-left:0; }
}

/* Pasek nad wynikami: liczba, sortowanie, widok */
.k-toolbar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 20px; margin:0 0 14px; }
.k-toolbar .k-resultbar{ margin:0; }
.k-toolbar__tools{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; }
.k-seg{ display:inline-flex; align-items:center; gap:2px; padding:3px; background:var(--k-surface-2); border:1px solid var(--k-line); border-radius:10px; }
.k-seg[hidden]{ display:none; }
.k-seg__label{ padding:0 8px 0 6px; font-size:13px; color:var(--k-muted); }
.k-seg__btn{
  display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:0 12px; border:0; border-radius:7px;
  background:none; color:var(--k-text); font:inherit; font-size:13.5px; font-weight:600; text-decoration:none; cursor:pointer;
}
.k-seg__btn:hover{ color:var(--k-ink); }
.k-seg__btn.is-on,.k-seg__btn[aria-pressed="true"]{ background:var(--k-surface); color:var(--k-ink); box-shadow:0 1px 3px rgb(var(--base-rgb) / .12); }
.k-seg__btn--ico{ width:38px; padding:0; }
.k-seg__btn svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
/* Na wąskim ekranie oba widoki to karty — przełącznik niepotrzebny */
@media (max-width:900px){ .k-seg[data-k-widok]{ display:none; } }
.k-hub[data-k-hub-lokalny]{ margin-bottom:56px; }
.k-more{ display:flex; justify-content:center; margin:24px 0 8px; }
.k-more .btn-ghost[disabled]{ opacity:.6; cursor:progress; }

.k-resultbar{ margin:0 0 12px; font-size:13.5px; color:var(--k-muted); font-variant-numeric:tabular-nums; }
.k-resultbar strong{ color:var(--k-ink); }
.k-resultbar__clear{ margin-left:12px; color:var(--k-accent-dark); font-weight:600; text-decoration:none; }
.k-resultbar__clear:hover{ text-decoration:underline; text-underline-offset:3px; }

/* ---------- Wpis listy: wspólny wygląd terminów, katalogu kursów, KKZ i kierunków (layouts/wpis.php) ----------
   Szeroki ekran: jeden wiersz — kafelek (data / ikona / zdjęcie) | kategoria, tytuł, znaczniki | miejsce i szczegóły | przycisk.
   Telefon i widok „kafelki” listy terminów: karta (kafelek obok tytułu, miejsce i przycisk pod spodem). */
.wpisy{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin:0; padding:0; list-style:none; }
.wpis{
  position:relative; display:grid; align-items:center; gap:14px 24px;
  grid-template-columns:72px minmax(0,1fr) auto auto; grid-template-areas:"kafel tresc miejsce akcja";
  padding:18px 22px; background:var(--k-surface); border:1px solid var(--k-line); border-radius:18px;
  box-shadow:0 1px 2px rgb(var(--base-rgb) / .04);
  transition:border-color .2s var(--k-ease), box-shadow .2s var(--k-ease), transform .2s var(--k-ease);
}
.wpis[hidden]{ display:none; }
.wpis:hover{ border-color:var(--line-strong, #C9CCE2); box-shadow:var(--k-shadow-lg); transform:translateY(-2px); }
.wpis:focus-within{ border-color:var(--k-accent); }

/* Kafelek: data (dzień i miesiąc), ikona albo zdjęcie */
.wpis__kafel{
  grid-area:kafel; display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:72px; height:72px; border-radius:14px; background:var(--k-accent-soft); color:var(--k-accent-dark);
  border:1px solid color-mix(in srgb, var(--k-accent) 14%, transparent); line-height:1; text-align:center; font-variant-numeric:tabular-nums;
}
.wpis__dzien{ font-family:var(--k-head); font-size:26px; font-weight:var(--fw-head); letter-spacing:var(--ls-head); color:var(--k-accent-dark); }
.wpis__mies{ margin-top:4px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.wpis__rok{ margin-top:2px; font-size:10.5px; font-weight:600; color:var(--k-muted); }
.wpis__kafel--ikona svg{ width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.wpis__kafel--zdjecie{ object-fit:cover; padding:0; border:0; background:var(--k-surface-2); }
.wpis.is-bez-terminu .wpis__kafel, .wpis.is-full .wpis__kafel{ background:var(--k-surface-2); color:var(--k-muted); border-color:var(--k-line); }

/* Treść: kategoria, tytuł, opis, znaczniki */
.wpis__tresc{ grid-area:tresc; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.wpis__kat{ font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--k-accent-dark); text-decoration:none; }
a.wpis__kat:hover{ text-decoration:underline; text-underline-offset:3px; }
.zdz-k .wpis__tytul, .wpis__tytul{ margin:0; font-family:var(--k-head); font-size:18px; line-height:1.3; font-weight:var(--fw-head); letter-spacing:var(--ls-head); }
.wpis__tytul a{ color:var(--k-ink); text-decoration:none; }
.wpis__tytul a::after{ content:""; position:absolute; inset:0; border-radius:18px; } /* cała karta klikalna */
.wpis__tytul a:hover{ color:var(--k-accent-dark); }
.wpis__tytul a:focus-visible{ outline:none; }
.wpis__tytul a:focus-visible::after{ outline:3px solid var(--k-accent); outline-offset:2px; }
.wpis__opis{ margin:2px 0 0; font-size:14px; line-height:1.5; color:var(--k-text); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wpis__nad{ position:relative; z-index:1; } /* linki nad odnośnikiem całej karty */
.wpis__znaczniki{ display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 0; padding:0; list-style:none; }
.wpis__zn{ padding:3px 9px; border-radius:6px; font-size:12px; font-weight:600; line-height:1.4; background:var(--k-surface-2); color:var(--k-ink-2); }
.wpis__zn a{ color:inherit; text-decoration:none; }
.wpis__zn a::after{ content:" →"; }
.wpis__zn a:hover{ text-decoration:underline; text-underline-offset:3px; }
.wpis__zn--ok{ background:color-mix(in srgb, var(--k-success) 12%, transparent); color:var(--k-success); }
.wpis__zn--uwaga{ background:var(--k-accent-soft); color:var(--k-accent-dark); }
.wpis__zn--brak{ background:var(--k-surface-2); color:var(--k-muted); }

/* Miejsce i szczegóły (godziny, daty, liczba szkół) */
.wpis__miejsce{ grid-area:miejsce; display:flex; flex-direction:column; align-items:flex-end; gap:3px; text-align:right; white-space:nowrap; }
.wpis__miasto{ display:inline-flex; align-items:center; gap:5px; font-size:14.5px; font-weight:700; color:var(--k-ink); }
.wpis__miasto svg{ width:16px; height:16px; flex:0 0 auto; fill:color-mix(in srgb, var(--k-accent) 18%, transparent); stroke:var(--k-accent); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.wpis__meta{ font-size:13.5px; color:var(--k-muted); font-variant-numeric:tabular-nums; }

/* Przycisk */
.wpis__akcja{
  grid-area:akcja; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 22px;
  border-radius:10px; background:var(--k-cta); color:var(--k-on-cta); font-size:15px; font-weight:700; text-decoration:none; white-space:nowrap;
  box-shadow:var(--k-shadow-cta, none); transition:background .15s var(--k-ease);
}
.wpis__akcja::after{ content:"→"; transition:transform .15s var(--k-ease); }
.wpis__akcja:hover{ background:var(--k-cta-hover); color:var(--k-on-cta); }
.wpis__akcja:hover::after{ transform:translateX(3px); }
.wpis__akcja--druga{ background:var(--k-surface); border:1px solid var(--k-line); color:var(--k-ink-2); box-shadow:none; }
.wpis__akcja--druga:hover{ background:var(--k-surface); border-color:var(--k-accent); color:var(--k-accent-dark); }
.wpis.is-full{ background:var(--k-surface-2); }

/* Karta: telefon, tablet i widok „kafelki” (lista terminów) */
@media (max-width:900px){
  .wpis{ grid-template-columns:64px minmax(0,1fr); grid-template-areas:"kafel tresc" "miejsce miejsce" "akcja akcja"; padding:16px; gap:12px 14px; }
  .wpis__kafel{ width:64px; height:64px; align-self:start; }
  .wpis__dzien{ font-size:23px; }
  .wpis__miejsce{ flex-direction:row; flex-wrap:wrap; align-items:center; gap:4px 12px; text-align:left; white-space:normal; padding-top:12px; border-top:1px solid var(--k-line); }
  .wpis__akcja{ width:100%; }
}
.wpisy.kt-grid{ grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:18px; }
.wpisy.kt-grid .wpis{ grid-template-columns:64px minmax(0,1fr); grid-template-rows:1fr auto auto; grid-template-areas:"kafel tresc" "miejsce miejsce" "akcja akcja"; align-items:start; padding:18px; gap:12px 14px; }
.wpisy.kt-grid .wpis__kafel{ width:64px; height:64px; align-self:start; }
.wpisy.kt-grid .wpis__miejsce{ flex-direction:row; flex-wrap:wrap; align-items:center; gap:4px 12px; text-align:left; white-space:normal; margin-top:auto; padding-top:12px; border-top:1px solid var(--k-line); }
.wpisy.kt-grid .wpis__akcja{ width:100%; }
.wpisy.kt-grid .wpis__tytul{ font-size:16.5px; }
@media (prefers-reduced-motion:reduce){ .wpis, .wpis:hover{ transition:none; transform:none; } }

.k-empty{ padding:44px 24px; text-align:center; background:var(--k-surface); border:1px dashed var(--k-line); border-radius:var(--k-radius); }
.k-empty p{ margin:0 0 6px; }
.k-empty strong{ color:var(--k-ink); }

/* Przyciski — jeśli szablon ich nie definiuje */
.zdz-k .btn-sm{
  display:inline-flex; align-items:center; gap:6px; padding:9px 15px; border-radius:8px; white-space:nowrap;
  font-size:13.5px; font-weight:600; text-decoration:none; cursor:pointer;
  border:1px solid var(--k-line); background:var(--k-surface-2); color:var(--k-ink-2);
  transition:background .15s, border-color .15s, color .15s;
}
.zdz-k .btn-sm:hover{ border-color:var(--k-accent); color:var(--k-accent-dark); }
.zdz-k .btn-sm--primary{ background:var(--k-cta); border-color:transparent; color:var(--k-on-cta); }
.zdz-k .btn-sm--primary:hover{ background:var(--k-cta-hover); border-color:transparent; color:var(--k-on-cta); }
.zdz-k .btn-primary{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 26px;
  background:var(--k-cta); border:0; border-radius:10px; box-shadow:var(--k-shadow-cta);
  color:var(--k-on-cta); font:inherit; font-size:15px; font-weight:600; text-decoration:none; cursor:pointer;
  transition:background .18s var(--k-ease), transform .18s var(--k-ease);
}
.zdz-k .btn-primary::after{ content:"→"; transition:transform .18s var(--k-ease); }
.zdz-k .btn-primary:hover{ background:var(--k-cta-hover); color:var(--k-on-cta); transform:translateY(-2px); }
.zdz-k .btn-primary:hover::after{ transform:translateX(4px); }

/* Terminy: wygląd pozycji — komponent .wpis (wyżej); .kt zostaje jako znacznik dla terminy.js */

/* Moduł na stronie głównej */
.kt-mod__summary{ margin:-12px 0 18px; max-width:62ch; font-size:16px; color:var(--k-text); }
.kt-mod__summary strong{ color:var(--k-ink); }
.kt-filters{
  margin:0 0 18px; padding:14px; background:var(--k-surface); border:1px solid var(--k-line);
  border-radius:var(--k-radius); box-shadow:var(--k-shadow);
}
.kt-filters__months{ display:flex; flex-wrap:wrap; gap:8px; }
.k-finder .kt-filters__months{ margin-bottom:12px; }
.zdz-k .chip{
  display:inline-flex; align-items:center; gap:7px; padding:7px 14px; cursor:pointer; text-decoration:none;
  background:var(--k-surface-2); border:1px solid var(--k-line); border-radius:999px;
  color:var(--k-ink-2); font:inherit; font-size:13.5px; font-weight:600;
}
.zdz-k .chip:hover{ border-color:var(--line-strong, #C9CCE2); color:var(--k-ink); }
.zdz-k .chip[aria-pressed="true"],.zdz-k .chip.is-on{ background:var(--k-fill); border-color:var(--k-fill); color:#fff; }
.kt-n{ display:inline-block; min-width:22px; padding:1px 6px; border-radius:99px; background:rgb(var(--base-rgb) / .07); font-size:11.5px; text-align:center; font-variant-numeric:tabular-nums; }
.chip[aria-pressed="true"] .kt-n{ background:rgba(0,0,0,.22); } /* ciemniejsze tło licznika — biały tekst ≥ 4,5:1 */
.kt-filters__row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.kt-filters__city{ flex:0 1 260px; min-width:200px; }
.kt-filters__search{ position:relative; flex:1 1 260px; }
.kt-filters__search svg{ position:absolute; left:13px; top:50%; width:17px; height:17px; transform:translateY(-50%); fill:none; stroke:var(--k-muted); stroke-width:2; stroke-linecap:round; pointer-events:none; }
.zdz-k .kt-filters__search .input{ padding-left:38px; }
.kt-finder__q{ flex:1 1 320px; }
.kt-mod__count{ min-height:1.2em; margin:0 0 10px; font-size:13.5px; color:var(--k-muted); }
.kt-mod__foot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; margin-top:24px; }
.zdz-k .btn-ghost{
  display:inline-flex; align-items:center; gap:7px; min-height:48px; padding:0 22px; border:1px solid var(--k-line); border-radius:9px;
  background:var(--k-surface); color:var(--k-ink-2); font:inherit; font-size:15px; font-weight:600; cursor:pointer;
}
.zdz-k .btn-ghost::after{ content:none; }
.zdz-k .btn-ghost:hover{ border-color:var(--k-accent); background:var(--k-surface); color:var(--k-accent-dark); }

/* Lista terminów: nagłówki miesięcy w liście (kafelki i wiersze) */
.kt-grid .kt-sep,.kt-rows .kt-sep{ grid-column:1/-1; list-style:none; }
.zdz-k .kt-sep__title{
  margin:18px 0 0; padding-bottom:10px; border-bottom:1px solid var(--k-line);
  font-family:var(--k-head); font-size:21px; font-weight:var(--fw-head); color:var(--k-ink); letter-spacing:var(--ls-head);
}
.kt-sep:first-child .kt-sep__title{ margin-top:0; }

/* Lista terminów: grupy miesięcy */
.kt-month{ margin:0 0 34px; }
.zdz-k .kt-month__title{
  display:flex; align-items:baseline; gap:12px; margin:0 0 16px; padding-bottom:10px; border-bottom:1px solid var(--k-line);
  font-family:var(--k-head); font-size:22px; font-weight:var(--fw-head); color:var(--k-ink); letter-spacing:var(--ls-head);
}

/* ---------- Karta kursu ---------- */
.k-alert{ margin:0 0 20px; padding:14px 18px; border:1px solid var(--k-line); border-left:4px solid var(--k-muted); border-radius:10px; background:var(--k-surface-2); color:var(--k-ink); font-size:14.5px; }
.k-alert--ok{ border-left-color:var(--k-success); background:var(--ok-bg, #EAF7EF); }
.k-alert--err{ border-left-color:var(--k-error); background:var(--err-bg, #FCEDEB); }

.k-course__head{ margin-bottom:28px; }
.k-course__intro.has-photo{ display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,440px); gap:36px; align-items:center; margin-bottom:28px; }
.k-course__intro.has-photo .k-course__head{ margin-bottom:0; }
.k-course__photo{ margin:0; aspect-ratio:3/2; border-radius:18px; overflow:hidden; background:var(--k-surface-2); box-shadow:var(--k-shadow-lg); }
.k-course__photo img{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:860px){ .k-course__intro.has-photo{ grid-template-columns:1fr; gap:20px; } .k-course__photo{ order:-1; } }

/* Film: podgląd z przyciskiem, odtwarzacz po kliknięciu */
.k-video__frame,.k-video__iframe{ display:block; width:100%; aspect-ratio:16/9; border:0; border-radius:14px; overflow:hidden; }
.k-video__frame{
  position:relative; display:grid; place-items:center; align-content:center; gap:12px; text-decoration:none; color:#fff;
  background:linear-gradient(135deg,var(--navy-900) 0%,#1E1F4B 55%,#C93200 140%) center/cover no-repeat;
}
.k-video__frame::before{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgb(var(--base-rgb) / .65), rgb(var(--base-rgb) / .2)); }
.k-video__play{
  position:relative; display:grid; place-items:center; width:76px; height:76px; border-radius:50%;
  background:var(--k-accent); box-shadow:0 10px 30px rgb(var(--accent-rgb) / .45); transition:transform .2s var(--k-ease), background .2s;
}
.k-video__play svg{ width:30px; height:30px; margin-left:4px; fill:#fff; }
.k-video__label{ position:relative; font-size:15px; font-weight:700; letter-spacing:.02em; }
.k-video__frame:hover .k-video__play{ transform:scale(1.07); background:var(--k-fill); }
.k-video__frame:focus-visible{ outline:3px solid var(--k-accent); outline-offset:3px; }
.k-video__note{ margin:8px 0 0 !important; font-size:12.5px !important; }
.k-facts{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 0; padding:0; list-style:none; }
.k-facts li{
  display:flex; flex-direction:column; gap:1px; padding:10px 16px;
  background:var(--k-surface-2); border:1px solid var(--k-line); border-radius:10px;
  font-size:15px; font-weight:600; color:var(--k-ink);
}
.k-facts__label{ font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--k-muted); }

.k-course__grid{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:44px; align-items:start; }
@media (max-width:960px){ .k-course__grid{ grid-template-columns:1fr; gap:28px; } }

.k-sec{ padding:0 0 26px; margin:0 0 26px; border-bottom:1px solid var(--k-line); }
.k-sec:last-child{ border-bottom:0; margin-bottom:0; }
.zdz-k .k-sec__title{
  position:relative; margin:0 0 12px; padding-left:14px;
  font-family:var(--k-head); font-size:20px; line-height:1.2; font-weight:var(--fw-head); color:var(--k-ink); letter-spacing:var(--ls-head);
}
.k-sec__title::before{ content:""; position:absolute; left:0; top:4px; bottom:4px; width:3px; border-radius:3px; background:var(--k-accent); }
.k-sec p{ margin:0; font-size:16px; line-height:1.7; }
.k-sec p::first-letter{ text-transform:uppercase; } /* opisy z edu-system bywają wpisane od małej litery */
.k-points{ margin:0; padding:0; list-style:none; font-size:15.5px; line-height:1.6; }
.k-points li{ position:relative; padding-left:20px; }
.k-points li + li{ margin-top:6px; }
.k-points li::before{ content:""; position:absolute; left:3px; top:.62em; width:6px; height:6px; border-radius:50%; background:var(--k-accent); }

.k-terms{ margin:0; padding:0; list-style:none; display:grid; gap:10px; }
.k-term{
  display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto; gap:16px; align-items:center;
  padding:16px 18px; background:var(--k-surface); border:1px solid var(--k-line); border-radius:12px;
  transition:border-color .2s var(--k-ease), box-shadow .2s var(--k-ease);
}
.k-term:hover{ border-color:var(--line-strong, #C9CCE2); box-shadow:var(--k-shadow); }
.k-term:target{ border-color:var(--k-accent); box-shadow:0 0 0 3px var(--k-accent-soft); }
.k-term.is-full{ opacity:.6; }
.k-term__where,.k-term__when{ display:flex; flex-direction:column; gap:1px; font-size:14px; }
.k-term__where b,.k-term__when b{ color:var(--k-ink); font-size:15.5px; }
.k-term__seats{ display:flex; align-items:center; gap:14px; justify-content:flex-end; }
@media (max-width:640px){ .k-term{ grid-template-columns:1fr; gap:10px; } .k-term__seats{ justify-content:space-between; } }
.k-seats{ margin:0; font-size:13.5px; font-weight:600; color:var(--k-success); white-space:nowrap; }
.k-seats.is-low{ color:var(--k-accent-dark); }
.k-seats.is-none{ color:var(--k-muted); }
.k-note{ padding:16px 18px; background:var(--k-surface-2); border:1px solid var(--k-line); border-radius:12px; font-size:15px; line-height:1.6; }

.k-summary{
  position:sticky; top:72px; display:flex; flex-direction:column; gap:4px;
  padding:22px; background:var(--k-surface); border:1px solid var(--k-line); border-top:4px solid var(--k-accent);
  border-radius:var(--k-radius); box-shadow:var(--k-shadow);
}
.k-summary p{ margin:0; }
.k-summary__label{ font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--k-muted); }
.k-summary__date{ font-family:var(--k-head); font-size:26px; letter-spacing:var(--ls-head); line-height:1.18; font-weight:var(--fw-head); color:var(--k-ink); font-variant-numeric:tabular-nums; }
.k-summary__place{ font-size:14px; color:var(--k-text); margin-bottom:6px !important; }
.zdz-k .k-summary__cta{ width:100%; margin-top:12px; }
.k-summary__more{ align-self:center; margin-top:8px; font-size:13.5px; font-weight:600; color:var(--k-accent-dark); text-decoration:none; }
.k-summary__more:hover{ text-decoration:underline; text-underline-offset:3px; }
@media (max-width:960px){
  .k-summary{ position:static; }
  /* Telefon i tablet: opis zostaje na górze, a termin z przyciskiem zapisu jest stale pod ręką na dole ekranu */
  .k-course--cta{ padding-bottom:24px; }
  /* Miejsce na przyklejony pasek pod całą stroną — inaczej zasłania dolny wiersz stopki */
  body:has(.k-summary--cta){ padding-bottom:calc(72px + env(safe-area-inset-bottom)); }
  .k-summary--cta{
    position:fixed; top:auto; left:0; right:0; bottom:0; z-index:90;
    display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"label cta" "date cta"; align-items:center; gap:0 14px;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom)); border:0; border-top:1px solid var(--k-line); border-radius:0;
    box-shadow:0 -8px 24px rgb(var(--base-rgb) / .12);
  }
  .k-summary--cta .k-summary__label{ grid-area:label; }
  .k-summary--cta .k-summary__date{ grid-area:date; font-size:20px; }
  .k-summary--cta .k-summary__place,.k-summary--cta .k-seats,.k-summary--cta .k-summary__more{ display:none; }
  .zdz-k .k-summary--cta .k-summary__cta{ grid-area:cta; width:auto; margin:0; min-height:44px; padding:0 20px; }
}

/* ---------- Okno zapisu ---------- */
.k-modal{
  width:min(640px, calc(100vw - 32px)); max-height:calc(100dvh - 48px); margin:auto; padding:0;
  border:0; border-radius:16px; background:var(--k-surface); color:var(--k-text);
  box-shadow:0 24px 70px rgb(var(--base-rgb) / .35); overflow:hidden;
}
.k-modal[open]{ display:flex; flex-direction:column; animation:k-pop .22s var(--k-ease); }
.k-modal::backdrop{ background:rgb(var(--base-rgb) / .6); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
@keyframes k-pop{ from{ opacity:0; transform:translateY(12px) scale(.98); } to{ opacity:1; transform:none; } }
html.k-modal-open{ overflow:hidden; }
/* Bez JavaScriptu: link #zapis pokazuje formularz na stronie */
.k-modal:target:not([open]),.k-modal--inline{ display:block; position:static; width:auto; max-height:none; margin:32px 0 0; border:1px solid var(--k-line); box-shadow:var(--k-shadow); }
.k-modal--inline .k-modal__close{ display:none; }

.k-modal__head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  padding:20px 24px 16px; border-bottom:1px solid var(--k-line); background:var(--k-surface);
}
.k-modal__eyebrow{ margin:0 0 4px; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--k-accent-dark); }
.zdz-k .k-modal__title{ margin:0; font-family:var(--k-head); font-size:21px; line-height:1.15; font-weight:var(--fw-head); color:var(--k-ink); letter-spacing:0; }
.k-modal__close{
  flex:0 0 auto; width:38px; height:38px; display:grid; place-items:center; padding:0;
  background:var(--k-surface-2); border:1px solid var(--k-line); border-radius:50%;
  color:var(--k-ink); font-size:22px; line-height:1; cursor:pointer; transition:background .15s, border-color .15s;
}
.k-modal__close:hover{ border-color:var(--k-accent); color:var(--k-accent-dark); }
.k-modal__body{ padding:20px 24px 24px; overflow-y:auto; overscroll-behavior:contain; }
@media (max-width:600px){
  .k-modal{ width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; border-radius:0; }
  .k-modal__head{ padding:16px; }
  .k-modal__body{ padding:16px 16px 28px; }
}

.k-form{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 18px; }
.k-form__full{ grid-column:1 / -1; }
@media (max-width:600px){ .k-form{ grid-template-columns:1fr; } }
.zdz-k .field-label{ display:block; margin:0 0 6px; font-size:13px; font-weight:600; line-height:1.3; color:var(--k-ink); }
.k-form .input{ height:46px; padding:0 14px; font-size:15px; }
.k-field.has-error .input{ border-color:var(--k-error); }
.k-form__intro{ margin:0 0 18px; font-size:14.5px; line-height:1.6; color:var(--k-text); }
.zdz-k .k-textarea{ height:auto; min-height:84px; padding:10px 14px; line-height:1.5; resize:vertical; }
.k-terms__more{ margin:14px 0 0 !important; font-size:14.5px !important; color:var(--k-text); }
.k-terms__more a{ color:var(--k-accent-dark); font-weight:700; }
.k-note--cta{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.k-note--cta p{ margin:0; }
.k-form__hint{ margin:-4px 0 0; font-size:13px; line-height:1.5; color:var(--k-muted); }
.k-field__error{ margin:6px 0 0; font-size:13px; font-weight:600; color:var(--k-error); }

.k-options{ margin:0; padding:0; border:0; min-width:0; display:grid; gap:8px; }
.k-option{
  display:flex; align-items:flex-start; gap:12px; padding:12px 14px; cursor:pointer;
  background:var(--k-surface-2); border:1px solid var(--k-line); border-radius:10px;
  transition:border-color .15s, background .15s;
}
.k-option:hover{ border-color:var(--line-strong, #C9CCE2); }
.k-option:has(input:checked){ border-color:var(--k-accent); background:var(--k-accent-soft); }
.k-option input{ margin:3px 0 0; accent-color:var(--k-accent); width:17px; height:17px; flex:0 0 auto; }
.k-option__body{ display:flex; flex-direction:column; gap:1px; font-size:13.5px; color:var(--k-text); }
.k-option__body b{ font-size:15px; color:var(--k-ink); }
.k-options.has-error .k-option{ border-color:var(--k-error); }

.zdz-k .consent{ padding:16px 18px; background:var(--k-surface-2); border:1px solid var(--k-line); border-radius:10px; }
.zdz-k .consent.has-error{ border-color:var(--k-error); }
.zdz-k .consent__label{ position:relative; display:flex; align-items:flex-start; gap:10px; margin:0 0 12px; font-size:14px; font-weight:600; line-height:1.45; color:var(--k-ink); cursor:pointer; }
.zdz-k .consent input[type="checkbox"]{ position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; }
.zdz-k .consent__box{ position:relative; flex:0 0 auto; width:20px; height:20px; margin-top:1px; background:var(--k-surface); border:1.5px solid var(--line-strong, #C9CCE2); border-radius:5px; transition:background .15s, border-color .15s; }
.zdz-k .consent__box::after{ content:"✓"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:12px; font-weight:700; opacity:0; transition:opacity .15s; }
.zdz-k .consent__label:hover .consent__box{ border-color:var(--k-accent); }
.zdz-k .consent input:checked ~ .consent__box{ background:var(--k-accent); border-color:var(--k-accent); }
.zdz-k .consent input:checked ~ .consent__box::after{ opacity:1; }
.zdz-k .consent input:focus-visible ~ .consent__box{ outline:3px solid var(--k-accent); outline-offset:2px; }
.zdz-k .consent ol{ max-height:130px; margin:0; padding:12px 14px 12px 30px; overflow-y:auto; background:var(--k-surface); border:1px solid var(--k-line); border-radius:8px; color:var(--k-muted); font-size:12px; line-height:1.55; }
.zdz-k .consent ol li{ margin-bottom:4px; }
.zdz-k .k-form__submit{ width:100%; }

/* ---------- Zapytanie firmy (mod_zdz_firmy, layouts/firma.php) ---------- */
.biz{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,560px); gap:32px 56px; align-items:start; }
.biz--formularz{ display:block; max-width:760px; }
/* Lewa kolumna przyklejona przy przewijaniu — obok wyższego formularza nie zostaje pusta plama */
.biz__text{ position:sticky; top:84px; display:flex; flex-direction:column; gap:26px; }
.biz__lead{ margin:0; }
.biz__steps{ padding:20px 22px; border-radius:16px; background:var(--k-surface-2); border:1px solid var(--k-line); }
.biz__steps-title{ margin:0 0 12px; font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--k-muted); }
.biz__steps-list{ display:grid; gap:12px; margin:0; padding:0; list-style:none; counter-reset:krok; }
.biz__steps-list li{ position:relative; padding-left:40px; min-height:28px; font-size:15px; line-height:1.5; color:var(--k-ink-2); counter-increment:krok; }
.biz__steps-list li::before{
  content:counter(krok); position:absolute; left:0; top:-1px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%;
  background:var(--k-fill); color:#fff; font-family:var(--k-head); font-size:15px; font-weight:var(--fw-head);
}
.biz__contact{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; }
.biz__phone{ display:inline-flex; align-items:center; gap:12px; color:var(--k-ink); font-family:var(--k-head); font-size:19px; font-weight:var(--fw-head); text-decoration:none; font-variant-numeric:tabular-nums; }
.biz__phone small{ display:block; font-family:var(--font-body, inherit); font-size:12.5px; font-weight:600; color:var(--k-muted); }
.biz__phone svg{ flex:0 0 auto; width:44px; height:44px; padding:11px; border-radius:12px; background:var(--k-accent-soft); fill:none; stroke:var(--k-accent-dark); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.biz__phone:hover{ color:var(--k-accent-dark); }
/* Formularz: liczba osób wąsko obok wiadomości; zwinięta klauzula informacyjna */
.k-bizform__row{ display:grid; grid-template-columns:130px minmax(0,1fr); gap:16px 18px; }
.zdz-k .k-bizform .k-textarea{ min-height:46px; }
.zdz-k .consent__info{ margin-top:2px; }
.zdz-k .consent__info summary{ display:inline-flex; align-items:center; gap:6px; min-height:28px; cursor:pointer; font-size:13px; font-weight:600; color:var(--k-accent-dark); }
.zdz-k .consent__info[open] summary{ margin-bottom:8px; }
.zdz-k .consent__info ol{ max-height:none; }
.biz__list{ display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.biz__list li{ display:flex; gap:12px; align-items:flex-start; font-size:15.5px; line-height:1.5; color:var(--ink-2, #1E1F4B); }
.biz__list svg{ flex:0 0 auto; width:24px; height:24px; padding:4px; margin-top:-1px; border-radius:50%; background:var(--accent-soft, #FFF0EA); fill:none; stroke:var(--accent-dark, #C93200); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.biz__cta{ margin:26px 0 0; }
.k-bizform{ padding:26px; background:var(--k-surface); border:1px solid var(--k-line); border-radius:18px; box-shadow:var(--k-shadow-lg); scroll-margin-top:24px; }
.zdz-k .k-bizform__title{ margin:0 0 4px; font-family:var(--k-head); font-size:21px; line-height:1.15; font-weight:var(--fw-head); color:var(--k-ink); letter-spacing:0; }
.k-bizform__lead{ margin:0 0 18px; font-size:14.5px; color:var(--k-text); }
.k-field--short .input{ max-width:180px; }
@media (max-width:960px){ .biz{ grid-template-columns:1fr; } .biz__text{ position:static; } }
@media (max-width:600px){ .k-bizform__row{ grid-template-columns:1fr; } }
@media (max-width:600px){ .k-bizform{ padding:18px; } }

/* Pas „Dla firm” (mod_zdz_firmy, układ domyślny): wyśrodkowany nagłówek, karta kreatora, korzyści pod kartą */
.bk{ display:flex; flex-direction:column; align-items:center; }
.bk__head{ display:flex; flex-direction:column; align-items:center; gap:12px; max-width:760px; margin:0 auto 32px; text-align:center; }
.bk__plakietka{
  margin:0; padding:6px 14px; border-radius:999px; background:var(--k-accent-soft); border:1px solid rgb(var(--accent-rgb) / .25);
  color:var(--k-accent-dark); font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
}
.zdz-k .bk__title{ margin:0; font-size:clamp(26px,3.4vw,42px); line-height:1.1; }
.bk__lead{ margin:0; max-width:60ch; font-size:16px; line-height:1.6; color:var(--k-text); }
.bk__karta{ width:100%; max-width:880px; }
.bk__korzysci{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px 26px; max-width:880px; margin:26px 0 0; padding:0; list-style:none; }
.bk__korzysci li{ display:flex; gap:8px; align-items:flex-start; font-size:14.5px; line-height:1.45; color:var(--k-ink-2); }
.bk__korzysci svg{ flex:0 0 auto; width:20px; height:20px; padding:3px; border-radius:50%; background:var(--k-accent-soft); fill:none; stroke:var(--k-accent-dark); stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round; }
.bk__kontakt{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:14px 28px; margin-top:24px; }

/* Kreator zapytania firmy (layouts/firma.php, katalog.js — [data-kf]). Bez JS: wszystkie kroki jeden pod drugim */
.kf{ padding:clamp(20px,4vw,40px); border-radius:24px; }
.kf__kroki{ display:none; }
.kf--js .kf__kroki{ display:flex; align-items:center; gap:14px; margin:0 0 28px; padding:0 0 24px; border-bottom:1px solid var(--k-line); list-style:none; }
.kf__krok-znacznik{ display:flex; align-items:center; gap:12px; flex:1 1 0; min-width:0; font-size:14.5px; font-weight:600; color:var(--k-muted); }
.kf__krok-znacznik:not(:last-child)::after{ content:""; flex:1 1 auto; min-width:16px; height:2px; border-radius:2px; background:var(--k-line); }
.kf__krok-znacznik:last-child{ flex:0 0 auto; }
.kf__nr{
  flex:0 0 auto; display:grid; place-items:center; width:36px; height:36px; border-radius:50%;
  background:var(--k-surface-2); border:1px solid var(--k-line); color:var(--k-muted); font-weight:700; font-variant-numeric:tabular-nums;
  transition:background .2s var(--k-ease), color .2s var(--k-ease), border-color .2s var(--k-ease);
}
.kf__nazwa{ white-space:nowrap; }
.kf__krok-znacznik.is-active{ color:var(--k-ink); }
.kf__krok-znacznik.is-active .kf__nr{ background:var(--k-cta); border-color:transparent; color:var(--k-on-cta); box-shadow:var(--k-shadow-cta); }
.kf__krok-znacznik.is-done{ color:var(--k-ink-2); }
.kf__krok-znacznik.is-done .kf__nr{ background:var(--k-accent-soft); border-color:transparent; color:var(--k-accent-dark); }
.kf__krok-znacznik.is-done::after{ background:var(--k-accent); }

.kf__form{ display:grid; gap:34px; }
.kf--js .kf__form{ gap:0; }
.kf__krok{ min-width:0; margin:0; padding:0; border:0; display:flex; flex-direction:column; gap:14px; }
.kf__krok > *{ min-width:0; max-width:100%; }
.kf__krok[hidden]{ display:none; }
.kf--js .kf__krok:not([hidden]){ animation:kf-wejscie .3s var(--k-ease); }
@keyframes kf-wejscie{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
.zdz-k .kf__tytul{ display:flex; flex-direction:column; gap:4px; margin:0 0 6px; font-family:var(--k-head); font-size:clamp(19px,2vw,23px); line-height:1.2; font-weight:var(--fw-head); color:var(--k-ink); letter-spacing:0; }
.kf__tytul:focus{ outline:none; }
.kf__tytul-nr{ font-family:var(--font-body, inherit); font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--k-accent-dark); }
.kf--js .kf__tytul-nr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.zdz-k .kf__etykieta{ margin:6px 0 0; }

.kf__obszary{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.kf__miejsca{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.kf__kafel{
  position:relative; display:flex; flex-direction:column; gap:4px; padding:18px 20px 18px 50px; cursor:pointer;
  background:var(--k-surface); border:1.5px solid var(--k-line); border-radius:14px;
  transition:border-color .18s var(--k-ease), background .18s var(--k-ease), box-shadow .18s var(--k-ease);
}
.kf__kafel:hover{ border-color:var(--line-strong, #C9CCE2); box-shadow:var(--k-shadow); }
.kf__kafel input{ position:absolute; left:20px; top:21px; width:18px; height:18px; margin:0; accent-color:var(--k-accent); }
.kf__kafel-tytul{ font-family:var(--k-head); font-size:16px; line-height:1.3; font-weight:var(--fw-head); color:var(--k-ink); }
.kf__kafel-opis{ font-size:13.5px; line-height:1.45; color:var(--k-muted); }
.kf__kafel:has(input:checked){ border-color:var(--k-accent); background:var(--k-accent-soft); }
.kf__kafel:has(input:focus-visible){ outline:3px solid var(--k-accent); outline-offset:2px; }
.kf__kafel--maly{ padding:14px 16px 14px 44px; }
.kf__kafel--maly input{ left:16px; top:17px; }
.kf__kafel--maly .kf__kafel-tytul{ font-size:15px; }
.kf__obszary .kf__kafel:last-child:nth-child(odd){ grid-column:1 / -1; }
.kf__obszary.has-error .kf__kafel,.kf__miejsca.has-error .kf__kafel{ border-color:var(--k-error); }

.kf__szkolenia{ display:grid; grid-template-columns:minmax(0,1fr); min-width:0; gap:10px; margin-top:8px; padding:18px; border-radius:14px; background:var(--k-surface-2); border:1px solid var(--k-line); }
.kf__szkolenia[hidden]{ display:none; }
.kf__szkolenia-glowa{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.zdz-k .kf__szkolenia-glowa .field-label{ margin:0; }
.kf__licznik{ font-size:13px; font-weight:700; color:var(--k-accent-dark); }
.kf__wybrane{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.kf__wybrane[hidden]{ display:none; }
.kf__wybrany{ display:inline-flex; align-items:center; gap:4px; min-width:0; max-width:100%; padding:5px 4px 5px 12px; border-radius:14px; background:var(--k-surface); border:1px solid var(--k-accent); font-size:13.5px; font-weight:600; color:var(--k-ink); }
/* Długie nazwy z katalogu: najwyżej 2 linie w plakietce, pełna nazwa w podpowiedzi (title) */
.kf__wybrany span{ min-width:0; line-height:1.35; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.kf__usun{ flex:0 0 auto; display:grid; place-items:center; width:26px; height:26px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--k-muted); font-size:18px; line-height:1; cursor:pointer; }
.kf__usun:hover{ background:var(--k-accent-soft); color:var(--k-accent-dark); }
.kf__szukaj{ position:relative; }
.kf__szukaj[hidden]{ display:none; }
.kf__szukaj svg{ position:absolute; left:14px; top:50%; width:18px; height:18px; transform:translateY(-50%); fill:none; stroke:var(--k-muted); stroke-width:2; stroke-linecap:round; pointer-events:none; }
.zdz-k .kf__szukaj .input{ height:46px; padding-left:42px; background-color:var(--k-surface); }
.kf__wyniki{ max-height:264px; margin:0; padding:4px; overflow-y:auto; overscroll-behavior:contain; list-style:none; background:var(--k-surface); border:1px solid var(--k-line); border-radius:10px; }
.kf__wyniki[hidden]{ display:none; }
.kf__wynik{ display:flex; align-items:flex-start; gap:10px; min-width:0; overflow-wrap:anywhere; padding:9px 10px; border-radius:8px; cursor:pointer; font-size:14px; line-height:1.4; color:var(--k-ink); }
.kf__wynik:hover{ background:var(--k-surface-2); }
.kf__wynik:has(input:checked){ background:var(--k-accent-soft); }
.kf__wynik:has(input:disabled){ cursor:not-allowed; opacity:.55; }
.kf__wynik input{ flex:0 0 auto; width:17px; height:17px; margin:1px 0 0; accent-color:var(--k-accent); }
.kf__wynik small{ display:block; font-size:12px; color:var(--k-muted); }
.kf__podpowiedz{ margin:0; font-size:13px; color:var(--k-muted); }

.kf__rzad{ display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:16px 18px; margin-top:4px; }
.kf__rzad .k-field[hidden]{ display:none; }
.zdz-k .kf__rzad .input{ height:46px; padding:0 14px; font-size:15px; }
.kf__licznik-osob{ display:flex; gap:6px; }
.zdz-k .kf__licznik-osob .input{ text-align:center; font-variant-numeric:tabular-nums; -moz-appearance:textfield; }
.kf__licznik-osob .input::-webkit-inner-spin-button,.kf__licznik-osob .input::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
.kf__plusminus{ flex:0 0 46px; height:46px; padding:0; border:1px solid var(--k-line); border-radius:10px; background:var(--k-surface-2); color:var(--k-ink); font-size:20px; font-weight:600; cursor:pointer; }
.kf__plusminus[hidden]{ display:none; }
.kf__plusminus:hover{ border-color:var(--k-accent); color:var(--k-accent-dark); }
.kf__chipy{ display:flex; flex-wrap:wrap; gap:8px; }
.kf__chip{ position:relative; cursor:pointer; }
.kf__chip input{ position:absolute; opacity:0; width:1px; height:1px; }
.kf__chip span{ display:inline-flex; align-items:center; min-height:40px; padding:0 16px; border-radius:999px; border:1.5px solid var(--k-line); background:var(--k-surface); font-size:14px; font-weight:600; color:var(--k-ink-2); transition:border-color .18s var(--k-ease), background .18s var(--k-ease); }
.kf__chip:hover span{ border-color:var(--line-strong, #C9CCE2); }
.kf__chip input:checked + span{ border-color:var(--k-accent); background:var(--k-accent-soft); color:var(--k-ink); }
.kf__chip input:focus-visible + span{ outline:3px solid var(--k-accent); outline-offset:2px; }

.kf__podsumowanie{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; margin:0 0 8px; padding:16px; border-radius:14px; background:var(--k-surface-2); border:1px solid var(--k-line); }
.kf__podsumowanie[hidden]{ display:none; }
.kf__podsumowanie > div{ position:relative; min-width:0; padding-right:58px; }
.kf__podsumowanie > div:first-child{ grid-column:1 / -1; }
.kf__podsumowanie dt{ font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--k-muted); }
.kf__podsumowanie dd{ margin:2px 0 0; font-size:14.5px; font-weight:600; line-height:1.45; color:var(--k-ink); }
.kf__zmien{ position:absolute; right:0; top:0; padding:2px 6px; border:0; background:none; color:var(--k-accent-dark); font:inherit; font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }

.kf__nawigacja{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:18px; }
.kf__nawigacja[hidden]{ display:none; }
.kf__nawigacja--wyslij{ justify-content:flex-end; }
.kf--js .kf__nawigacja--wyslij{ justify-content:space-between; }
.kf__nawigacja .btn-primary{ min-width:150px; }
.kf__wstecz{ display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border:0; border-radius:10px; background:none; color:var(--k-ink-2); font:inherit; font-size:14.5px; font-weight:600; cursor:pointer; }
.kf__wstecz:hover{ background:var(--k-surface-2); color:var(--k-ink); }
.kf__wstecz[hidden]{ display:none; }

.kf__ok{ display:flex; flex-direction:column; align-items:center; gap:10px; padding:18px 0; text-align:center; }
.kf__ok:focus{ outline:none; }
.kf__ok-ikona{ display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:var(--ok-bg, #EAF7EF); }
.kf__ok-ikona svg{ width:32px; height:32px; fill:none; stroke:var(--k-success); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.kf__ok p{ margin:0; }
.kf__ok-tytul{ font-family:var(--k-head); font-size:22px; font-weight:var(--fw-head); color:var(--k-ink); }
.kf__ok-tekst{ max-width:48ch; font-size:15px; color:var(--k-text); }

@media (max-width:720px){
  .kf__nazwa{ display:none; }
  .kf__krok-znacznik.is-active .kf__nazwa{ display:inline; }
  .kf__obszary,.kf__miejsca,.kf__podsumowanie{ grid-template-columns:1fr; }
  .kf__rzad{ grid-template-columns:1fr; }
}
@media (max-width:420px){
  .kf__nawigacja .btn-primary{ min-width:0; flex:1 1 auto; }
  .kf__kafel{ padding:14px 14px 14px 44px; }
  .kf__kafel input{ left:15px; top:17px; }
}
@media (prefers-reduced-motion:reduce){ .kf--js .kf__krok:not([hidden]){ animation:none; } }

/* ---------- Kierunki kształcenia ---------- */
.kz-filtry{ display:grid; gap:14px; margin:0 0 18px; padding:18px; background:var(--k-surface); border:1px solid var(--k-line); border-radius:var(--k-radius); box-shadow:var(--k-shadow); }
.kz-typy{ display:flex; flex-wrap:wrap; gap:8px; }
.kz-typy .k-chip{ text-decoration:none; }
.kz-typy .k-chip.is-on{ color:#fff; }
.kz-typy__n{ display:inline-grid; place-items:center; min-width:22px; height:20px; padding:0 6px; border-radius:99px; background:var(--k-surface); color:var(--k-ink-2); font-size:12px; font-weight:700; }
.kz-typy .k-chip.is-on .kz-typy__n{ background:rgba(0,0,0,.22); color:#fff; }
.kz-filtry__pola{ display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,240px) auto; gap:10px; align-items:center; }
.zdz-k .kz-filtry .input{ height:46px; }
.kz-filtry .btn-sm{ height:46px; padding:0 20px; }
.kz-rekrutacja{ margin-top:28px; }
.zdz-k .kz-typ{ margin:22px 0 10px; font-family:inherit; font-size:15px; font-weight:700; letter-spacing:.02em; color:var(--k-ink-2); }
.zdz-k .kz-typ:first-of-type{ margin-top:0; }
.kz-kontakt{ display:flex; flex-direction:column; align-items:flex-end; gap:3px; font-size:14px; }
.kz-kontakt a{ color:var(--k-accent-dark); font-weight:600; text-decoration:none; overflow-wrap:anywhere; }
.kz-kontakt a:hover{ text-decoration:underline; text-underline-offset:3px; }
@media (max-width:700px){
  .kz-filtry{ padding:14px; }
  .kz-filtry__pola{ grid-template-columns:1fr auto; }
  .kz-filtry__pola .k-hub__field{ grid-column:1 / -1; }
  .kz-kontakt{ align-items:flex-start; }
}

/* ---------- Rekrutacja do szkół (deklaracja online) ---------- */
.kr__uklad{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:28px; align-items:start; scroll-margin-top:100px; }
.kr__karta{ padding:clamp(18px,3vw,28px); background:var(--k-surface); border:1px solid var(--k-line); border-radius:var(--k-radius); box-shadow:var(--k-shadow); }
.kr__grupa{ margin:0; padding:0; border:0; min-width:0; }
.kr__grupa + .kr__grupa{ padding-top:18px; border-top:1px solid var(--k-line); }
.kr__grupa legend{ display:flex; align-items:center; gap:10px; margin:0 0 14px; padding:0; font-family:var(--k-head); font-size:18px; font-weight:var(--fw-head); color:var(--k-ink); }
.kr__nr{ display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--k-accent-soft); color:var(--k-accent-dark); font-size:14px; font-weight:700; }
.kr__kto{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
.kr__kto .k-chip:has(input:checked){ color:#fff; }
.kr__rodzic-info{ margin:0; font-size:13.5px; }
[data-k-rodzic][hidden]{ display:none !important; }
.kr .k-field select option[hidden]{ display:none; }
.kr__bok{ position:sticky; top:96px; display:grid; gap:12px; padding:20px; background:var(--k-surface-2); border:1px solid var(--k-line); border-radius:var(--k-radius); }
.zdz-k .kr__bok-tytul{ margin:0; font-family:var(--k-head); font-size:17px; font-weight:var(--fw-head); color:var(--k-ink); }
.kr__bok p{ margin:0; font-size:13.5px; }
.kr__kroki{ display:grid; gap:12px; margin:0 0 18px; padding-left:22px; }
.kr__kroki li::marker{ font-weight:700; color:var(--k-accent-dark); }
.kr__kroki--male{ gap:8px; margin:0; font-size:14px; }
.kr__kontakt{ margin:6px 0 0; line-height:1.6; }
.kz-zapisz{ margin-top:6px; }
@media (max-width:900px){
  .kr__uklad{ grid-template-columns:1fr; }
  .kr__bok{ position:static; }
}
@media (max-width:600px){
  .kr .k-form{ grid-template-columns:1fr; }
}

/* ---------- Doradca „Dobierz ścieżkę” ---------- */
.dr{ display:grid; gap:16px; }
.dr__postep{ margin:0; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--k-accent-dark); }
.dr__krok{ margin:0; padding:0; border:0; min-width:0; }
.dr__krok + .dr__krok{ padding-top:16px; border-top:1px solid var(--k-line); }
.dr [hidden]{ display:none !important; }
.zdz-k .dr__pytanie{ margin:0 0 4px; padding:0; font-family:var(--k-head); font-size:20px; line-height:1.25; font-weight:var(--fw-head); color:var(--k-ink); }
.dr__pytanie:focus{ outline:none; }
.dr__pomoc{ margin:0 0 14px; font-size:14px; color:var(--k-muted); }
.dr__opcje{ display:grid; gap:10px; }
.dr__opcja{
  display:flex; align-items:center; gap:14px; padding:14px 16px; cursor:pointer;
  background:var(--k-surface); border:1px solid var(--k-line); border-radius:12px;
  transition:border-color .15s var(--k-ease), background .15s var(--k-ease), transform .15s var(--k-ease);
}
.dr__opcja:hover{ border-color:var(--k-accent); transform:translateX(2px); }
.dr__opcja:has(input:checked){ border-color:var(--k-accent); background:var(--k-accent-soft); }
.dr__opcja:has(input:focus-visible){ outline:3px solid var(--k-accent); outline-offset:2px; }
.dr__ikona{ flex:0 0 auto; display:grid; place-items:center; width:40px; height:40px; border-radius:10px; background:var(--k-accent-soft); }
.dr__ikona svg,.dr__strzalka{ width:20px; height:20px; fill:none; stroke:var(--k-accent-dark); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.dr__strzalka{ margin-left:auto; flex:0 0 auto; stroke:var(--k-muted); }
.dr__tekst{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.dr__tekst b{ font-size:15.5px; color:var(--k-ink); }
.dr__tekst small{ font-size:13px; color:var(--k-muted); }
.dr__branze{ display:flex; flex-wrap:wrap; gap:8px; }
.dr__branze .k-chip:has(input:checked){ color:#fff; }
.zdz-k .dr__miasto{ width:100%; max-width:420px; height:48px; }
.dr__nawigacja{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; }
.dr__nawigacja > :last-child{ margin-left:auto; }
.dr__wyniki:focus{ outline:none; }
.dr__wyniki:empty{ display:none; }
.dr__ladowanie{ margin:0; color:var(--k-muted); }
.dr-wyniki{ display:grid; gap:14px; }
.zdz-k .dr-wyniki__tytul{ margin:0; font-family:var(--k-head); font-size:20px; font-weight:var(--fw-head); color:var(--k-ink); }
.zdz-k .dr-wyniki__pod{ margin:6px 0 0; font-family:inherit; font-size:15px; font-weight:700; color:var(--k-ink-2); }
.dr-wyniki p{ margin:0; }
.dr-lista{ display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.dr-lista__link{
  display:flex; flex-direction:column; gap:2px; padding:12px 14px; border:1px solid var(--k-line); border-radius:10px;
  background:var(--k-surface); text-decoration:none; transition:border-color .15s var(--k-ease), background .15s var(--k-ease);
}
.dr-lista__link:hover{ border-color:var(--k-accent); background:var(--k-surface-2); }
.dr-lista__link b{ color:var(--k-ink); font-size:15px; }
.dr-lista__link small{ color:var(--k-muted); font-size:13px; }
.dr-szkoly{ display:grid; gap:8px; margin:0; padding:0; list-style:none; font-size:14px; }
.dr-szkoly li{ display:flex; flex-wrap:wrap; gap:2px 12px; padding:10px 0; border-bottom:1px solid var(--k-line); }
.dr-szkoly b{ flex:1 1 100%; color:var(--k-ink); }
.dr-szkoly a{ color:var(--k-accent-dark); font-weight:600; text-decoration:none; }
.dr-wyniki__akcje{ display:flex; flex-wrap:wrap; gap:10px; }
.dr-wyniki__tel{ font-size:14px; color:var(--k-muted); }
.dr-wyniki__tel a{ color:var(--k-accent-dark); font-weight:700; text-decoration:none; }
/* Pasek na stronie głównej */
.dr-pas{
  display:flex; align-items:center; gap:18px; margin-top:24px; padding:18px 22px;
  background:var(--k-surface); border:1px solid var(--k-line); border-left:4px solid var(--k-accent); border-radius:var(--k-radius); box-shadow:var(--k-shadow);
}
.dr-pas__ikona{ flex:0 0 auto; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--k-accent-soft); }
.dr-pas__ikona svg{ width:24px; height:24px; fill:none; stroke:var(--k-accent-dark); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.dr-pas__tekst{ flex:1 1 auto; min-width:0; }
.dr-pas__tekst p{ margin:0; }
.dr-pas__tytul{ font-family:var(--k-head); font-size:18px; font-weight:var(--fw-head); color:var(--k-ink); }
.dr-pas__opis{ font-size:14.5px; color:var(--k-text); }
.dr-pas__btn{ flex:0 0 auto; }

/* „Nie wiesz, co wybrać?” — doradca „Dobierz ścieżkę” w całości na stronie (mod_zdz_doradca, układ domyślny):
   nagłówek, pod nim formularz w 3 krokach; pierwsze pytanie jako kafelki. Tło: jasna karta z poświatą akcentu. */
.dq{
  position:relative; margin-top:24px; padding:clamp(20px,2.8vw,30px); border-radius:24px; scroll-margin-top:100px;
  background:radial-gradient(520px 260px at 0% 0%, var(--k-accent-soft), transparent 70%), var(--k-surface);
  border:1px solid var(--k-line); box-shadow:var(--k-shadow);
}
.dq p{ margin:0; }
.dq__glowa{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 18px; }
.dq__ikona{ flex:0 0 auto; display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:var(--k-cta); box-shadow:var(--k-shadow-cta); }
.dq__ikona svg{ width:26px; height:26px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.dq__tekst{ flex:1 1 320px; min-width:0; }
.zdz-k .dq__tytul{ margin:0; font-family:var(--k-head); font-size:clamp(20px,2.2vw,26px); line-height:1.15; font-weight:var(--fw-head); color:var(--k-ink); letter-spacing:var(--ls-head); }
.dq__opis{ margin-top:4px !important; font-size:15px; line-height:1.5; color:var(--k-text); }
.dq .dr{ margin-top:22px; padding-top:20px; border-top:1px solid var(--k-line); }
.zdz-k .dq .dr__pytanie{ font-size:18px; }
/* Pierwsze pytanie: kafelki w rzędzie (5 / 3 / 1 w kolumnie na telefonie) */
.dq .dr__opcje{ grid-template-columns:repeat(5,minmax(0,1fr)); }
.dq .dr__opcja{
  position:relative; flex-direction:column; align-items:flex-start; gap:10px; height:100%; padding:16px 16px 14px; border-radius:16px; border-width:1.5px;
  transition:border-color .18s var(--k-ease), box-shadow .18s var(--k-ease), transform .18s var(--k-ease), background .18s var(--k-ease);
}
.dq .dr__opcja:hover{ box-shadow:var(--k-shadow-lg); transform:translateY(-3px); }
.dq .dr__ikona{ width:42px; height:42px; border-radius:12px; transition:background .18s var(--k-ease); }
.dq .dr__opcja:hover .dr__ikona{ background:var(--k-cta); }
.dq .dr__opcja:hover .dr__ikona svg{ stroke:#fff; }
.dq .dr__tekst{ padding-right:18px; }
.dq .dr__tekst b{ font-family:var(--k-head); font-size:15px; line-height:1.25; }
.dq .dr__strzalka{ position:absolute; right:14px; top:18px; margin:0; transition:stroke .18s var(--k-ease), transform .18s var(--k-ease); }
.dq .dr__opcja:hover .dr__strzalka{ stroke:var(--k-accent-dark); transform:translateX(3px); }
@media (max-width:1100px){ .dq .dr__opcje{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px){
  .dq .dr__opcje{ grid-template-columns:1fr; gap:8px; }
  .dq .dr__opcja{ flex-direction:row; align-items:center; gap:12px; padding:12px 14px; }
  .dq .dr__ikona{ width:40px; height:40px; }
  .dq .dr__strzalka{ top:50%; margin-top:-9px; }
}
@media (prefers-reduced-motion:reduce){ .dq .dr__opcja:hover{ transform:none; } }

/* „Najbliższe kursy” — nowy pasek filtrów (moduł, .kt-mod--nowy): miesiące jako przełącznik segmentowy,
   obok przełącznik widoku kafelki / lista; pod spodem miasto i wyszukiwanie */
.kt-filters__gora{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; }
.kt-mod--nowy .kt-filters{ padding:16px; border-radius:20px; }
.kt-mod--nowy .kt-filters__months{ gap:4px; padding:4px; border-radius:14px; background:var(--k-surface-2); border:1px solid var(--k-line); }
.kt-mod--nowy .chip{ padding:8px 14px; border-color:transparent; background:none; border-radius:10px; }
.kt-mod--nowy .chip:hover{ border-color:transparent; background:var(--k-surface); }
.kt-mod--nowy .chip[aria-pressed="true"]{ background:var(--k-surface); border-color:transparent; color:var(--k-ink); box-shadow:0 1px 3px rgb(var(--base-rgb) / .12), 0 4px 12px rgb(var(--base-rgb) / .06); }
.kt-mod--nowy .chip[aria-pressed="true"] .kt-n{ background:var(--k-fill); color:#fff; }
.kt-mod--nowy .kt-filters__row{ margin-top:14px; }
.zdz-k.kt-mod--nowy .kt-filters .input{ height:48px; border-radius:12px; }
.kt-widok .k-seg__btn{ gap:7px; padding:0 14px; min-height:38px; }
/* Propozycje: „Zmień odpowiedzi” i „Zacznij od nowa” (czyści zapamiętane odpowiedzi) */
.dr__akcje{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-bottom:14px; }
.dr__od-nowa{ padding:0; border:0; background:none; color:var(--k-accent-dark); font:inherit; font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
/* Strona doradcy */
.dr-strona__karta{ max-width:760px; margin:0 0 24px; padding:clamp(18px,3vw,28px); background:var(--k-surface); border:1px solid var(--k-line); border-radius:var(--k-radius); box-shadow:var(--k-shadow); scroll-margin-top:100px; }
@media (max-width:700px){
  .dr-pas{ flex-direction:column; align-items:flex-start; padding:16px; }
  .dr-pas__ikona{ display:none; }
  .dr-pas__btn{ width:100%; justify-content:center; }
}

/* ---------- Wyniki wyszukiwania „Wszędzie” (/szukaj): kierunki, kursy, strony; odsyłacze katalog ↔ kierunki ---------- */
.sz-katalog{ display:grid; gap:8px; }
.sz-sekcja{ margin:0 0 26px; }
.zdz-k .sz-sekcja__tytul,.sz-sekcja__tytul{ display:flex; align-items:center; gap:10px; margin:0 0 12px; font-family:var(--k-head); font-size:20px; font-weight:var(--fw-head); color:var(--k-ink); }
.sz-sekcja__n{ display:inline-grid; place-items:center; min-width:28px; height:24px; padding:0 8px; border-radius:99px; background:var(--k-accent-soft); color:var(--k-accent-dark); font-size:13px; }
.sz-lista{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)); gap:10px; margin:0; padding:0; list-style:none; }
.sz-wynik{ display:flex; flex-direction:column; gap:3px; height:100%; padding:14px 16px; background:var(--k-surface); border:1px solid var(--k-line); border-radius:12px;
  text-decoration:none; transition:border-color .15s var(--k-ease), transform .15s var(--k-ease); }
.sz-wynik:hover{ border-color:var(--k-accent); transform:translateY(-2px); }
.sz-wynik b{ color:var(--k-ink); font-size:15.5px; line-height:1.35; }
.sz-wynik small{ color:var(--k-muted); font-size:13px; }
.sz-wynik__typ{ align-self:flex-start; padding:2px 8px; border-radius:6px; background:var(--k-accent-soft); color:var(--k-accent-dark); font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.sz-wynik__typ--kierunek{ background:rgb(var(--tint-rgb) / .08); color:var(--navy-700, #090979); }
:root[data-theme="dark"] .sz-wynik__typ--kierunek{ background:rgba(140,140,255,.16); color:#B3B3FF; }
.sz-wiecej{ margin:10px 0 0; }
.sz-wiecej a{ color:var(--k-accent-dark); font-weight:700; }
.sz-wiecej a::after{ content:" →"; }
.sz-odsylacz{ margin:0 0 14px; padding:12px 16px; background:var(--k-surface); border:1px solid var(--k-line); border-left:4px solid var(--k-accent); border-radius:12px; font-size:14.5px; }
.sz-odsylacz a{ color:var(--k-accent-dark); font-weight:700; }
.sz-odsylacz a::after{ content:" →"; }

/* Kwalifikacyjne kursy zawodowe: harmonogram na karcie edycji (miesiące do rozwinięcia) i blok {zdz:kkz} na stronie działu */
.kkz-miesiac{ border:1px solid var(--k-line); border-radius:12px; background:var(--k-surface); margin:0 0 8px; }
.kkz-miesiac > summary{ cursor:pointer; padding:11px 16px; font-weight:700; color:var(--k-ink); }
.kkz-miesiac[open] > summary{ border-bottom:1px solid var(--k-line); }
.kkz-dni{ list-style:none; margin:0; padding:10px 16px 12px; display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:6px 16px; font-size:14.5px; }
.kkz-dni b{ color:var(--k-ink); font-variant-numeric:tabular-nums; }
.kkz-karty{ list-style:none; margin:0 0 16px; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:12px; }
.kkz-karta{ display:flex; flex-direction:column; gap:4px; height:100%; padding:16px 18px; background:var(--k-surface); border:1px solid var(--k-line); border-radius:14px;
  color:inherit; text-decoration:none; transition:border-color .2s var(--k-ease), box-shadow .2s var(--k-ease); }
.kkz-karta:hover, .kkz-karta:focus-visible{ border-color:var(--k-accent); box-shadow:var(--k-shadow); }
.kkz-karta__symbol{ align-self:flex-start; padding:2px 8px; border-radius:6px; background:var(--k-accent-soft); color:var(--k-accent-dark); font-weight:800; font-size:13px; letter-spacing:.02em; }
.kkz-karta__nazwa{ color:var(--k-ink); font-size:15.5px; line-height:1.35; }
.kkz-karta__zawod, .kkz-karta__fakty{ color:var(--k-muted); font-size:13.5px; }
.kkz-blok__zawody{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 16px; }
.kkz-blok__zawody > span{ font-weight:700; color:var(--k-ink); }

/* Forma naboru kierunku: nabór przy szkole na karcie kierunku (na liście — znacznik wpisu) */
.kz-nabor{ font-size:13px; font-weight:600; color:var(--k-muted); }
.kz-nabor--luty{ color:#11683a; }
:root[data-theme="dark"] .kz-nabor--luty{ color:#86efac; }