/* Kalendarium — K42, task03.54 (styl per komponent — docs/podejscie-css.md). Karty jak Terminy
   (css/terminy.css — sekcja ma obie klasy: `.terminy.kalendarium`); tu wyłącznie różnice.
   Punkt wyjścia: Home Desktop 2:304 (sekcja 2:703–2:743), Home Mobile 2:1207. */

/* Czerwony element: miesiąc i rok w miejscu dnia terminu, w jednym wierszu. Szarego wiersza pod nim
   brak — pole bez jego miejsca, tytuł karty wyżej. */
.kalendarium .terminy-data { height: auto; }
.kalendarium .terminy-dzien { white-space: nowrap; }

/* Tytuł karty — link do strony produktu; hover bez projektu w DS = kolor marki (spojnosc-designu.md). */
.kalendarium .terminy-etykieta a {
  color: inherit;
  text-decoration: none;
}

.kalendarium .terminy-etykieta a[href]:hover { color: var(--kolor-marki); }

/* Przed startem view.js (losowanie w miesiącu i limit) widoczne pierwsze 4 karty z renderu. */
.kalendarium .terminy-pozycja:nth-child(n + 5) { display: none; }

/* Nagłówek: baza Bold, akcent (`span.akcent`) ExtraBold — Home 2:703 / 2:1454; w Terminach całość
   ExtraBold (K14). Jeden stopień: desktop 32, telefon 24 — jak nagłówek karuzeli szkoleń (task03.36). */
.kalendarium .terminy-tytul { font-weight: var(--waga-gruba); }

@media (max-width: 1023px) {
  .kalendarium .terminy-tytul {
    font-size: var(--tekst-24);
    line-height: var(--interlinia-24);
  }
}