/* ==========================================================================
   STANAG 6001 — stopka
   Poprzednia wersja miała dwa problemy: kolory tekstu były zaszyte na
   sztywno w niebieskawych odcieniach ze starej, granatowej palety (przez
   co po zmianie motywu świeciły na niebiesko), a długie noty prawne stały
   w jednej wąskiej kolumnie, zostawiając połowę szerokości pustą.
   ========================================================================== */

/* --- Pas kontaktu ------------------------------------------------------- */
.foot-kontakt {
  background: linear-gradient(180deg, rgba(255, 176, 31, .07), rgba(255, 176, 31, .02));
  border-top: 1px solid rgba(255, 176, 31, .28);
  border-bottom: 1px solid rgba(255, 176, 31, .18);
}
.foot-kontakt__in {
  display: grid; gap: 1.6rem;
  grid-template-columns: 1.25fr .95fr;
  align-items: center;
  padding: clamp(1.8rem, 4vw, 2.8rem) 0;
}
@media (max-width: 820px) { .foot-kontakt__in { grid-template-columns: 1fr; } }

.foot-kontakt h2 {
  color: #fff; margin: .7rem 0 .5rem;
  font-size: clamp(1.3rem, 3vw, 1.8rem);
}
.foot-kontakt p {
  color: #a9a693; max-width: 54ch; margin: 0; font-size: .96rem;
}

/* Adres jako stemplowana etykieta, nie zwykły odsyłacz */
.mailto {
  display: block; text-decoration: none;
  border: 1px solid rgba(255, 176, 31, .45);
  background: rgba(10, 11, 8, .5);
  padding: 1.05rem 1.25rem;
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.mailto:hover {
  background: rgba(255, 176, 31, .12);
  border-color: var(--br-400);
  transform: translateY(-2px);
}
.mailto__l {
  display: block; font-family: var(--mono);
  font-size: .68rem; letter-spacing: .18em; text-transform: uppercase;
  color: var(--br-400); margin-bottom: .35rem;
}
.mailto__a {
  display: block; font-family: var(--mono); font-weight: 500;
  font-size: clamp(.95rem, 2.4vw, 1.18rem);
  color: #fff; word-break: break-all;
}
.mailto__s {
  display: block; margin-top: .5rem;
  font-size: .8rem; color: #8f8d7c;
}

/* --- Odstępy stopki -----------------------------------------------------
   Pas kontaktu ma własną kreskę u dołu. Bez odstępu pod nim kreska
   siadała dokładnie na nagłówkach kolumn (zmierzone: 0 px przerwy),
   przez co wyglądały na przecięte. Górny padding stopki był z kolei
   pustym ciemnym pasem NAD pasem kontaktu — pas ma sięgać krawędzi.   */
.site-foot { padding-top: 0; }
.site-foot > .wrap { padding-top: clamp(2.2rem, 4vw, 3rem); }

/* --- Kolumny stopki ----------------------------------------------------- */
.site-foot { color: #a9a693; }
.site-foot a { color: var(--br-300); text-decoration: none; }
.site-foot a:hover { color: var(--br-400); text-decoration: underline; }
/* Kolumna źródeł to nie odnośniki — nie może wyglądać jak klikalna. */
.site-foot li { line-height: 1.45; }

.site-foot__grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; }
@media (max-width: 900px) {
  .site-foot__grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
}

.foot-brand p { font-size: .9rem; color: #a9a693; max-width: 36ch; }

/* Nazwa serwisu wraca dopiero w pasku zamykającym, jako podpis —
   powtórzenie jej tutaj sprawiało, że stopka czytała się jak drugi
   nagłówek strony. */
.foot-sygn {
  font-weight: 700; color: var(--br-300); letter-spacing: .14em;
}

.foot-updated {
  display: inline-flex; align-items: center; gap: .5rem;
  font-family: var(--mono); font-size: .7rem; letter-spacing: .1em;
  text-transform: uppercase; color: #8f8d7c;
  border: 1px solid rgba(255, 255, 255, .14);
  padding: .35rem .7rem; margin-top: .3rem;
}
.foot-updated b { color: var(--br-300); font-weight: 500; }

/* --- Noty jako osobne bloki, NIE jako łamy ------------------------------
   Łamy (columns) przelewaja tekst z lewej kolumny do prawej, przez co
   czytelnik musi wracac wzrokiem do gory, a akapity o roznej dlugosci
   koncza sie na roznych wysokosciach — uklad wyglada na poszarpany.
   Siatka niezaleznych blokow tego nie ma: kazda nota zaczyna sie i konczy
   w swoim miejscu.                                                        */
.site-foot__bottom { padding-top: 1.8rem; }
.disclaimers {
  display: grid; gap: 1.5rem 2.4rem;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding-top: 1.6rem;
}

.disclaimer {
  font-size: .84rem; line-height: 1.6; color: #93917f;
  max-width: 46ch; margin: 0;
  padding-left: .9rem;
  border-left: 2px solid rgba(255, 255, 255, .12);
}
.disclaimer strong {
  display: block; color: #cfcdba; margin-bottom: .25rem;
  font-family: var(--mono); font-size: .72rem;
  letter-spacing: .1em; text-transform: uppercase; font-weight: 700;
}

.foot-stopka {
  margin-top: 1.6rem; padding-top: 1.1rem;
  border-top: 1px solid rgba(255, 255, 255, .1);
  display: flex; flex-wrap: wrap; gap: .5rem 1.6rem;
  font-family: var(--mono); font-size: .72rem;
  letter-spacing: .08em; text-transform: uppercase; color: #77755f;
}
.foot-stopka b { color: #a9a693; font-weight: 500; }

@media print {
  .foot-kontakt, .disclaimers { columns: 1; }
  .mailto { border-color: #999; }
}