/* Nagłówki ze źródła Koty.pl, pod kocim cytatem. */
html { scroll-padding-top: calc(var(--mobile-header-bottom, 220px) + 12px); }
.cat-news { display: grid; grid-template-columns: 29px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px 0 11px; border-top: 1px solid rgba(24,40,43,.1); }
.cat-news-icon { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 11px; background: #e0efe8; font-size: .95rem; line-height: 1; }
.cat-news-copy { min-width: 0; }
.cat-news-label { display: block; color: var(--deep-mint); font-size: .66rem; font-weight: 900; letter-spacing: .095em; text-transform: uppercase; }
.cat-news-line { display: flex; min-width: 0; align-items: center; gap: 7px; }
.cat-news-headline { flex: 0 1 auto; min-width: 0; overflow: hidden; color: var(--deep-mint); font-size: .8rem; font-weight: 650; line-height: 1.35; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; text-overflow: ellipsis; white-space: nowrap; }
.cat-news-headline:hover, .cat-news-headline:focus-visible, .cat-news-source:hover, .cat-news-source:focus-visible { color: var(--orange); text-decoration: underline; }
.cat-news-date { flex: none; color: var(--muted); font-size: .69rem; white-space: nowrap; }
.cat-news-halloween-link { display: none; }
.cat-news-actions { display: flex; align-items: center; gap: 8px; }
.cat-news-controls { display: flex; flex: none; align-items: center; gap: 3px; }
.cat-news-controls[hidden] { display: none; }
.cat-news-arrow { display: grid; width: 24px; height: 24px; place-items: center; padding: 0 0 2px; border: 1px solid rgba(45,108,98,.3); border-radius: 50%; background: rgba(255,255,255,.6); color: var(--deep-mint); cursor: pointer; font: 800 1.15rem/1 system-ui, sans-serif; }
.cat-news-arrow[hidden] { display: none; }
.cat-news-arrow:hover, .cat-news-arrow:focus-visible { border-color: var(--orange); color: var(--orange); }
.cat-news-source { color: var(--deep-mint); font-size: .72rem; font-weight: 850; text-decoration: none; white-space: nowrap; }
.cat-news-arrow:focus-visible, .cat-news-headline:focus-visible, .cat-news-source:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
body.is-night .cat-news { border-top-color: rgba(255,255,255,.14); }
body.is-night .cat-news-icon { background: rgba(184,229,217,.16); }
body.is-night .cat-news-label, body.is-night .cat-news-source { color: #b8e5d9; }
body.is-night .cat-news-headline { color: #b8e5d9; }
body.is-night .cat-news-date { color: rgba(255,255,255,.72); }
body.is-night .cat-news-arrow { border-color: rgba(184,229,217,.35); background: rgba(255,255,255,.08); color: #b8e5d9; }
body.is-halloween .cat-news { border-top-color: rgba(255,190,110,.2); }
body.is-halloween .cat-news-icon { background: rgba(255,155,57,.17); }
body.is-halloween .cat-news-label, body.is-halloween .cat-news-source { color: #ffcc87; }
body.is-halloween .cat-news-headline { color: #ffcc87; }
body.is-halloween .cat-news-date { color: rgba(255,244,231,.75); }
body.is-halloween .cat-news-arrow { border-color: rgba(255,190,110,.35); background: rgba(255,255,255,.08); color: #ffcc87; }
body.is-halloween .cat-news-halloween-link { display: inline-flex; grid-column: 1 / -1; box-sizing: border-box; align-self: stretch; align-items: center; justify-content: flex-end; width: 100%; min-height: 26px; margin-top: 0; padding: 0; border-top: 1px solid rgba(255,190,110,.2); color: #ffcc87; font-size: .63rem; font-weight: 900; line-height: 1; text-decoration: none; white-space: nowrap; }
body.is-halloween .cat-news-halloween-link > span { position: relative; top: 6px; }
body.is-halloween .cat-news-halloween-link:hover, body.is-halloween .cat-news-halloween-link:focus-visible { color: #fff4e7; text-decoration: underline; }
@media (min-width: 621px) {
  .cat-news-icon { align-self: center; transform: translateY(-1px); }
  .cat-news-label { line-height: 1.05; }
  .cat-news-line { margin-top: -1px; }
  .cat-news-arrow { padding-bottom: 4px; }
  .cat-news-date { transform: translateY(1px); }
  .seasonal-halloween-toggle { top: max(calc(var(--seasonal-halloween-top) + .5cm), calc(var(--mobile-header-bottom, 220px) + .5cm)); }
  body.is-menu-open .seasonal-halloween-toggle { top: max(calc(var(--seasonal-halloween-top) + .5cm), calc(var(--mobile-header-bottom, 220px) + .5cm), calc(var(--hamburger-menu-bottom, 0px) + .5cm)); }
}
@media (max-width: 620px) {
  .cat-news { grid-template-columns: 25px minmax(0, 1fr); column-gap: 8px; row-gap: 3px; padding: 8px 0 9px; }
  .cat-news-icon { grid-column: 1; grid-row: 1; align-self: start; width: 25px; height: 25px; border-radius: 9px; font-size: .85rem; }
  .cat-news-copy { grid-column: 2; grid-row: 1; }
  .cat-news-label { font-size: .59rem; }
  .cat-news-line { display: grid; grid-template-columns: minmax(0, max-content) auto; justify-content: start; gap: 3px 5px; }
  .cat-news-headline { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: .72rem; white-space: normal; }
  .cat-news-date { grid-column: 1 / -1; margin-top: -4px; font-size: .65rem; line-height: 1.35; }
  .cat-news-line.cat-news-line--two-lines .cat-news-date { transform: translateY(2px); }
  .cat-news-actions { grid-column: 2; grid-row: 2; justify-self: start; gap: 5px; }
  .cat-news-source { font-size: .67rem; }
  body.is-halloween .cat-news-halloween-link { display: inline-flex !important; }
}