/* Stopka: logo + dane firmy (PL i EN maja rozne tresci i uklad, jak na PROD) oraz pasek praw autorskich. */
.colophon {
  --colophon-width: var(--content-width); /* do 1024 px: pelna szerokosc */
  color: var(--color-primary);
  font-family: var(--font);
}

/* Kontenery pozycjonowane jak e-con na PROD: na stronach z filmem w tle przegladarka rysuje je wtedy
   na tej samej warstwie kompozycji co oryginal (inaczej tekst ma inny antyaliasing). */
.colophon__main,
.colophon__legal,
.colophon__logo,
.colophon__col,
.colophon__block,
.colophon__title,
.colophon__line,
.colophon__text,
.colophon__links { position: relative; }
.colophon__main { display: flex; flex-direction: column; padding: 0 20px; }

.colophon__row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  max-width: min(100%, var(--colophon-width));
  width: 100%;
  margin: 0 auto;
  padding: 40px 0 92px;
}
.colophon__main a { color: var(--color-primary); }

.colophon__logo { flex: 0 0 auto; }
.colophon__logo img { display: block; width: 120px; height: 165px; object-fit: cover; }

.colophon__col { display: flex; flex-direction: column; flex: 0 1 auto; }

.colophon__links {
  font-size: var(--fs-small);
  font-weight: 400;
  line-height: var(--lh-small);
  letter-spacing: -4.5%;
}

/* --- PL: kolumny z naglowkiem i liniami --- */
.colophon--pl .colophon__col { padding-top: 40px; }
.colophon--pl .colophon__col--contact,
.colophon--pl .colophon__col--office { margin: 0 20px 0 -30px; } /* nachodza na sasiada jak na PROD */
.colophon--pl .colophon__col--plants { padding-right: 2.315vw; }
.colophon--pl .colophon__col--links { padding-right: 7.523vw; }

.colophon__title,
.colophon__line { margin: 0; font-size: var(--fs-small); line-height: var(--lh-small-strong); }
.colophon__title { font-weight: 600; }
.colophon__line { font-weight: 500; }
.colophon__text { font-size: var(--fs-small); font-weight: 500; line-height: var(--lh-small-strong); }

/* --- EN: bloki tekstu bezposrednio w wierszu --- */
.colophon__block { flex: 0 1 auto; font-size: var(--fs-small); font-weight: 500; line-height: 1.3; }
.colophon--en .colophon__col--links { flex: 0 0 auto; padding: 40px 2.315vw 0 0; }

/* Pasek praw autorskich: interlinia liczona od 18 px, tekst .9rem */
.colophon__legal {
  display: flex;
  flex-direction: column;
  max-width: min(100%, var(--content-width));
  margin: 0 auto;
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}
.colophon__legal p { margin: 0 0 1rem; font-size: .9rem; }

@media (min-width: 1025px) {
  .colophon { --colophon-width: 79.282vw; }
}

@media (max-width: 1024px) {
  /* Na PROD (WordPress) pasek dochodzil do krawedzi ekranu - odstep jak w reszcie stopki. */
  .colophon__legal { padding: 0 20px; }
  .colophon__row { flex-wrap: wrap; }
  .colophon__logo,
  .colophon__block { width: 49%; max-width: 49%; }
  .colophon--pl .colophon__col--contact,
  .colophon--pl .colophon__col--office { margin: 0; }
  .colophon--pl .colophon__col--plants,
  .colophon--pl .colophon__col--links,
  .colophon--en .colophon__col--links { padding: 0; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .colophon__col { width: 49%; }
  .colophon--pl .colophon__col--links { width: 100%; }
  .colophon--en .colophon__col--links { width: 50%; }
}

@media (max-width: 767px) {
  .colophon__row { padding: 30px 0; }
  .colophon__logo,
  .colophon__block { width: 100%; max-width: 100%; }
  /* Szerokosc z proporcji obrazka przy wysokosci 165 px (jak inline-block na PROD). */
  .colophon__logo img { width: auto; }
  .colophon__col { width: 100%; }
}