/* Baza wiedzy – listy renderowane na serwerze (hub, działy, tagi, wyniki). Dodane 12.11.2026, uzupełnia main.css. */

/* Okładki wpisów mają 1900×1040 – karta w tych samych proporcjach, bez przycinania. */
.post__media,
.post--featured .post__media { aspect-ratio: 1900 / 1040; height: auto; flex: none; align-self: auto; }
.post__media img { width: 100%; height: 100%; object-fit: cover; }

/* Nagłówek */
.lm-kb-hero__head { display: flex; flex-direction: column; gap: 24px; }
.lm-kb-hero__intro { max-width: 760px; color: #ffffffb3; font-size: 18px; line-height: 28px; }
.lm-kb-hero__intro p { margin: 0; }
.lm-kb-hero .kb-hero__inner { gap: 48px; }
.kb-tabs__tab { text-decoration: none; color: inherit; }

/* Formularz wyszukiwania */
.lm-kb-search { margin: 0; }
.lm-kb-search .kb-search__input { padding-right: 56px; }
.lm-kb-search .kb-search__input::-webkit-search-cancel-button { filter: invert(1); opacity: .6; cursor: pointer; }
.lm-kb-search__submit { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 40px; height: 40px; border: 0; border-radius: 6px; background: transparent; color: #fff9; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color .2s, color .2s; }
.lm-kb-search__submit span { width: 20px; height: 20px; background: currentColor; -webkit-mask: url(icons/search.svg) 50% / 20px 20px no-repeat; mask: url(icons/search.svg) 50% / 20px 20px no-repeat; }
.lm-kb-search__submit:hover { color: var(--color-neutralne-biel); background: #ffffff14; }
.lm-kb-search__submit:focus-visible { outline: 2px solid var(--color-marka-niebieski); outline-offset: -2px; }

/* Okruszki */
.lm-okruszki { font-size: 14px; line-height: 20px; color: var(--color-lo-fi-szary-600); }
.lm-okruszki a { color: inherit; text-decoration: none; }
.lm-okruszki a:hover { color: var(--color-neutralne-czern); text-decoration: underline; }
.lm-okruszki--ciemne { color: #ffffff99; }
.lm-okruszki--ciemne a:hover { color: var(--color-neutralne-biel); }
.lm-okruszki .breadcrumb_last { color: var(--color-neutralne-czern); }
.lm-okruszki--ciemne .breadcrumb_last { color: var(--color-neutralne-biel); }

/* Tematy (tagi) jako linki */
.kb-tags__tag { display: inline-flex; align-items: center; text-decoration: none; }
.wpis__tags-list .kb-tags__tag { padding: 6px 16px; }

/* Lista */
.lm-kb-static { display: flex; flex-direction: column; gap: 56px; }
.lm-kb-dzial { display: flex; flex-direction: column; gap: 32px; }
.lm-kb-dzial + .lm-kb-dzial { padding-top: 56px; border-top: 1px solid var(--color-lo-fi-szary-200); }
.lm-kb-dzial__head { display: flex; flex-direction: column; gap: 8px; }
.lm-kb-dzial__title { margin: 0; font-size: 32px; line-height: 40px; font-weight: 600; letter-spacing: -.015em; }
.lm-kb-dzial__title a { color: var(--color-neutralne-czern); text-decoration: none; }
.lm-kb-dzial__title a:hover { color: var(--color-marka-niebieski); }
.lm-kb-dzial__lead { margin: 0; max-width: 760px; color: var(--color-lo-fi-szary-600); font-size: 16px; line-height: 24px; }
.lm-kb-dzial__more { display: flex; }
.post__tag--dzial { background: var(--color-lo-fi-niebieski-jasny, #e6f3fc); color: var(--color-marka-niebieski-tekst, #0b6fa8); }

/* Paginacja jako linki (main.css stylizuje przyciski) */
.kb-pagination__page, .kb-pagination__nav { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.kb-pagination__nav { width: 40px; }
.kb-pagination__gap { color: var(--color-lo-fi-szary-600); padding: 0 4px; }
.kb-empty__help a { color: var(--color-marka-niebieski); }

/* Podpowiedzi na żywo */
.lm-kb-results { display: flex; flex-direction: column; gap: 32px; }
.lm-kb-results[hidden] { display: none; }
.lm-kb-results__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.lm-kb-results__count { margin: 0; font-size: 20px; line-height: 28px; font-weight: 600; color: var(--color-neutralne-czern); }

@media (width <= 799px) {
  .lm-kb-hero__intro { font-size: 16px; line-height: 24px; }
  .lm-kb-dzial__title { font-size: 26px; line-height: 32px; }
  .lm-kb-static { gap: 40px; }
  .lm-kb-dzial + .lm-kb-dzial { padding-top: 40px; }
}

/* Telefon: tematy w jednym rzędzie przewijanym w bok */
@media (width <= 799px) {
  .lm-kb-list .kb-tags { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); }
  .lm-kb-list .kb-tags::-webkit-scrollbar { display: none; }
  .lm-kb-list .kb-tags__tag { flex: none; white-space: nowrap; }
}