/**
 * ARCHIWUM — styl dzialu chronologicznego.
 *
 * DLACZEGO OSOBNY PLIK, A NIE KONIEC style-v2.css.
 *
 * Te reguly sa potrzebne na 90 adresach: /archiwum/, dziewieciu dekadach
 * i osiemdziesieciu rocznikach. Serwis ma ponad 18 tysiecy podstron.
 * Doklejone do glownego arkusza jechalyby na kazda z nich, zawsze,
 * i zawsze bez uzytku.
 *
 * Arkusz jest wiec podlaczany TYLKO przez widoki archiwum — patrz
 * $css w layout_v2.php. Ten sam zabieg co z anim-v2.css, tylko tam
 * kryterium bylo „co to robi" (ruch osobno), a tu „gdzie to dziala".
 *
 * Zadnego nowego tokenu kolorystycznego tu nie ma: wszystko stoi na
 * zmiennych ze style-v2.css, wiec oba motywy dzialaja bez drugiego
 * zestawu regul. Siatki sa `auto-fill`, wiec zaden blok nie ma wlasnego
 * @media.
 */

/* Pasek liczb pod naglowkiem /archiwum/. To `.stat` z reszty serwisu,
   tylko w czterech kolumnach zamiast dwoch — `.stats` jest zaprojektowane
   do waskiej kolumny bocznej i na pelnej szerokosci wygladalo by na pomylke. */
.arch-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));
  gap:10px;margin-bottom:8px}

.arch-h2{font-size:22px;font-weight:500;color:var(--text-bright);margin:40px 0 6px}
.arch-lead{color:var(--text-3);font-size:14.5px;line-height:1.55;max-width:80ch;margin-bottom:16px}

/* --- os dekad ----------------------------------------------------- */
.arch-ax{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.arch-dek{display:flex;flex-direction:column;gap:8px;padding:18px;
  border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text)}
.arch-dek:hover{border-color:var(--orange);color:var(--text)}
.arch-dek strong{font-size:26px;letter-spacing:-.5px;color:var(--text-bright)}
.arch-dek__n{font-size:15px;color:var(--text-2)}

/* Pasek wielkosci dekady. Ta sama mechanika co `.ret__bar`, ale wlasna
   klasa: tamten siedzi w `.ret` i zmiana tam nie moze przypadkiem
   przemalowac archiwum. */
.arch-dek__bar{display:block;height:5px;border-radius:3px;background:var(--line-3);overflow:hidden}
.arch-dek__bar i{display:block;height:100%;border-radius:3px;background:var(--orange)}
.arch-dek small{font-size:12.5px;color:var(--text-3)}
.arch-dek small b{color:var(--green);font-weight:400}

/* --- roczniki w dekadzie ------------------------------------------ */
.arch-lata{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr));gap:8px}
.arch-rok{display:flex;flex-direction:column;gap:2px;padding:12px 14px;
  border:1px solid var(--line-soft);border-radius:4px;background:var(--panel-2);color:var(--text)}
.arch-rok:hover{border-color:var(--orange);color:var(--text)}
.arch-rok strong{font-size:18px;font-weight:500}
.arch-rok small{font-size:12px;color:var(--text-3)}

/* --- serie, ktore zadebiutowaly w dekadzie ------------------------ */
.arch-serie{display:flex;flex-wrap:wrap;gap:8px}
.arch-seria{display:flex;flex-direction:column;gap:2px;padding:8px 14px;
  border:1px solid var(--line-2);border-radius:4px;background:var(--panel-2)}
.arch-seria strong{font-size:14.5px;font-weight:500}
.arch-seria small{font-size:12px;color:var(--faint)}

/* Podpis serii na stronie rocznika — wyglada jak chips filtrow, ale NIE JEST
   linkiem i celowo nie udaje: bez obwodki orange przy najechaniu i bez
   kursora wskazujacego. Uzasadnienie w archiwum_rok.php. */
.arch-chip{padding:5px 12px;border:1px solid var(--line-soft);border-radius:999px;
  font-size:13.5px;background:var(--panel-2);color:var(--text-3)}
.arch-chip b{color:var(--text);font-weight:500}
.arch-chip--more{border-style:dashed;color:var(--faint)}

/* --- kafelek katalogowy ------------------------------------------- */
/* Kazdy kafelek jest linkiem — strona zestawu istnieje teraz dla calego
   katalogu. Rozroznienie „mozesz to kupic" / „tak to wygladalo" niesie
   sama tresc kafelka: cena albo podpis „brak ofert". */
.card--arch .card__body{gap:6px}
.card--arch .card__foot{color:var(--faint)}
.card__noshop{color:var(--faint-2,var(--faint))}

/* --- strzalki wstecz / dalej -------------------------------------- */
.arch-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:36px 0 44px;padding-top:18px;border-top:1px solid var(--line-soft);font-size:14.5px}
.arch-nav a{color:var(--orange-2)}
.arch-nav a:hover{color:var(--orange)}
.arch-nav__up{color:var(--text-3)}