/* ==========================================================================
   RADCA NA DOMOVSKEJ STRÁNKE – posuvný pás kariet článkov (prefix cl-); základ posuvníka: /css/komponenty/posuvnik.css
   Všetky karty sú rovnaké (obrázok hore, text dole) → nadpisy majú vždy celú šírku karty a nič sa v nich nerozpadá.
   ========================================================================== */
.cl-hlavicka { margin-bottom: clamp(20px, 2.6vw, 36px); }
.cl-rad { align-items: stretch; }
.cl-polozka { width: clamp(280px, 29vw, 400px); display: flex; }
.cl-polozka > * { flex: 1 1 auto; min-width: 0; }
.cl-karta { display: flex; flex-direction: column; height: 100%; }
.cl-karta .karta__media { --pomer: 16 / 9; }
.cl-karta .karta__telo { display: flex; flex-direction: column; gap: 10px; flex: 1 1 auto; padding: clamp(18px, 1.8vw, 26px); }
.cl-karta .karta__meta time { font-variant-numeric: tabular-nums; }
.cl-karta__nadpis { display: block; font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.25; letter-spacing: -.015em; text-wrap: balance; }
.cl-karta__nadpis .karta__odkaz { display: inline; }
.cl-karta__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; font-size: .9375rem; line-height: 1.5; color: var(--c-muted); }
.cl-karta__viac { display: inline-flex; align-items: center; gap: 8px; margin: auto 0 0; padding-top: 6px; font-weight: 750; font-size: .9375rem; color: var(--green-deep); }
.cl-karta__viac .ikona { width: 18px; height: 18px; transition: transform var(--t) var(--ease); }
@media (hover: hover) and (pointer: fine) { .cl-karta:hover .cl-karta__viac .ikona { transform: translateX(4px); } }

/* posledná karta: všetky články */
.cl-polozka--vsetky { width: clamp(220px, 20vw, 280px); }
.cl-vsetky {
  display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; min-height: 260px; padding: clamp(20px, 2vw, 28px);
  border-radius: var(--r-karta); background: var(--ink); color: var(--paper); text-decoration: none;
  transition: background-color var(--t) var(--ease), color var(--t) var(--ease);
}
.cl-vsetky__cislo { font-family: var(--font-display); font-weight: 800; font-size: clamp(3rem, 2.4rem + 2vw, 4.25rem); line-height: 1; letter-spacing: -.04em; color: var(--green); }
.cl-vsetky__text { font-weight: 700; font-size: 1.0625rem; line-height: 1.3; }
.cl-vsetky__odkaz { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-weight: 750; font-size: .9375rem; color: var(--green); }
.cl-vsetky__odkaz .ikona { width: 18px; height: 18px; }
.cl-vsetky:hover { background: var(--green); color: var(--ink); }
.cl-vsetky:hover .cl-vsetky__cislo, .cl-vsetky:hover .cl-vsetky__odkaz { color: var(--ink); }
.cl-vsetky:focus-visible { outline: 3px solid var(--green-deep); outline-offset: 3px; }