/* ===========================================================================
   04 — STOPKA

   Cztery kolumny na ciemnym tle + dolny pas z notą o prawach autorskich.
   =========================================================================== */

.eos_stopka {
  background: var(--eos-atrament);
  color: var(--eos-tlo);
}

.eos_stopka_kolumny {
  padding-top: var(--eos-odstep-64);
  padding-bottom: var(--eos-odstep-64);
}

.eos_stopka_kolumna {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  font-size: var(--eos-pismo-15);
  line-height: 1.65;
}

.eos_stopka_marka { gap: var(--eos-odstep-12); }
.eos_stopka_tytul {
  font-family: var(--eos-szeryf);
  font-style: italic;
  font-size: var(--eos-pismo-38);
  line-height: var(--eos-interlinia-1);
}
.eos_stopka_marka p {
  font-size: var(--eos-pismo-14);
  line-height: 1.6;
  color: var(--eos-tlo-70);
}

/* Nagłówek kolumny jest semantycznie `h2`, ale wizualnie etykietą kapitalikami —
   stąd zerowanie domyślnej wagi i stopnia. */
.eos_stopka_naglowek {
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-11);
  font-weight: var(--eos-waga-zwykla);
  letter-spacing: var(--eos-swiatlo-18);
  text-transform: uppercase;
  color: var(--eos-blekit-jasny);
  margin: 0;
}

.eos_stopka a { color: var(--eos-tlo-85); }
.eos_stopka a:hover,
.eos_stopka a:focus { color: var(--eos-tlo); }

.eos_stopka_issn { margin-top: 6px; }

.eos_stopka_tresc {
  padding-bottom: var(--eos-odstep-32);
  font-size: var(--eos-pismo-15);
  color: var(--eos-tlo-80);
}

.eos_stopka_dol { border-top: var(--eos-linia) solid var(--eos-tlo-16); }
.eos_stopka_dol_tresc {
  padding-top: var(--eos-odstep-20);
  padding-bottom: var(--eos-odstep-20);
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-11);
  letter-spacing: var(--eos-swiatlo-16);
  text-transform: uppercase;
  color: rgba(247, 245, 240, .55);
}