/* ============================================================
   Print.Organic — sekcja 09: Stopka (Figma 861:1770)
   Wymiary z projektu (1440): root p 20, lewa kolumna 435
   (px 20, gap 126), prawa flex-1 (gap 101), kolumny po 250.
   ============================================================ */

.s-footer {
  padding: 20px;
  color: var(--c-black);
}

.s-footer__inner {
  display: flex;
  align-items: flex-start;
  gap: 57px;
}

/* Cały drobny tekst stopki: mono 14 / tracking 0.42 (z projektu) */
.s-footer .mono {
  font-size: var(--fs-mono-sm);
  letter-spacing: 0.42px;
  line-height: 1.2;
}

/* --- Lewa kolumna: tagline + oddychające logo --- */

.s-footer__left {
  flex: 0 1 435px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 126px;
  padding: 0 20px;
}

.s-footer__logo {
  width: 100%;
  color: var(--c-black); /* kolor kółek logo (currentColor) */
}

.s-footer__logo-svg {
  width: 100%;
  height: auto;
}

.s-footer__logo-blobs circle {
  fill: currentColor;
}

/* --- Prawa kolumna --- */

.s-footer__right {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 101px;
}

/* Newsletter */

.s-footer__newsletter {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.s-footer__form {
  display: flex;
  align-items: center;
  gap: 10px;
}

.s-footer__input {
  flex: 1;
  min-width: 0;
  height: 40px;
  padding: 0 24px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 30px;
  color: var(--c-black);
  transition: border-color 0.25s ease;
}

.s-footer__input::placeholder {
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}

.s-footer__input:focus {
  outline: none;
  border-color: var(--c-black);
}

/* przycisk „Zapisuję się" — wzorzec .btn-goo z main.css, reset <button> */
.s-footer__submit {
  border: 0;
  padding: 0;
  background: none;
  font: inherit;
  cursor: pointer;
}

/* --- Kolumny: adres / kontakt / pobierz --- */

.s-footer__cols {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  width: 100%;
  max-width: 883px;
}

.s-footer__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 250px;
  min-height: 305px;
}

.s-footer__col-label {
  margin-bottom: 20px;
}

.s-footer__col--adres .s-footer__col-label {
  margin-bottom: 30px;
}

.s-footer__address {
  font-style: normal;
}

/* Pigułki (gotowe obrysy SVG + tekst nałożony w HTML) */

.s-footer__pills {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.s-footer__pill {
  position: relative;
  display: block;
  height: 40px;
  transition: transform 0.25s ease;
}

.s-footer__pill:hover {
  transform: translateX(4px);
}

.s-footer__pill > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.s-footer__pill--email,
.s-footer__pill--karty {
  width: 250px;
}

.s-footer__pill--tel {
  width: 205px;
}

.s-footer__pill--lista {
  width: 209px;
}

.s-footer__pill--cert {
  width: 168px;
}

/* prefiks: litera E/T lub strzałka pobierania w lewym kółku */
.s-footer__pill-prefix {
  position: absolute;
  left: 0;
  top: 0;
  width: 41px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.s-footer__pill-prefix img {
  width: 10px;
  height: auto;
}

.s-footer__pill-text {
  position: absolute;
  left: 53px;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  line-height: 1;
}

.s-footer__col--pobierz .s-footer__pill-text {
  left: 55px;
}

/* Dolny rząd: polityka / cookies / copyright */

.s-footer__legal {
  margin-top: auto;
  font-family: var(--font-mono);
  font-weight: var(--fw-mono);
  font-size: var(--fs-btn);
  letter-spacing: var(--ls-btn);
  text-transform: uppercase;
  line-height: 1;
  color: var(--c-grey);
  padding: 2px 0;
  border-bottom: 1px dashed var(--c-grey);
  transition: border-bottom-color 0.25s ease, color 0.25s ease;
}

a.s-footer__legal:hover {
  color: var(--c-black);
  border-bottom-style: solid;
  border-bottom-color: var(--c-black);
}

.s-footer__legal--plain {
  border-bottom: 0;
}

/* ============================================================
   Mobile
   ============================================================ */

@media (max-width: 767px) {
  .s-footer__inner {
    flex-direction: column;
    gap: 48px;
  }

  /* rozbijamy kolumny lewa/prawa, żeby ustawić kolejność:
     tagline → newsletter → kolumny → logo */
  .s-footer__left,
  .s-footer__right {
    display: contents;
  }

  .s-footer__tagline {
    order: 1;
  }

  .s-footer__newsletter {
    order: 2;
  }

  .s-footer__cols {
    order: 3;
    flex-direction: column;
    gap: 40px;
  }

  .s-footer__logo {
    order: 4;
    margin-top: 8px;
  }

  .s-footer__col {
    width: auto;
    min-height: 0;
  }

  .s-footer__legal {
    margin-top: 16px;
  }

  .s-footer__form {
    flex-wrap: wrap;
  }

  .s-footer__input {
    flex: 1 1 100%;
  }
}