/* 20 — stopka: kolumny, pasek dolny, odnośniki prawne, sygnatura wykonawcy.
   Źródło: makieta style.css l. 1132–1167, 1568–1585;
   cookies.css l. 113–129, 136–156, 171–184. */

.footer {
  padding-block: 48px 24px;
}
.footer-top {
  display: grid;
  grid-template-columns: 1fr 1.3fr 1fr;
  gap: 40px;
  align-items: start;
  padding-bottom: 35px;
}
.footer .brand {
  color: var(--dark);
}
.footer .brand-four {
  color: var(--ai-rose);
}
.footer .eyebrow {
  font-size: 0.75rem;
  color: var(--ai-text-mute);
  margin: 0 0 10px;
}
.footer p,
.footer-top > div > a {
  font-size: 0.8125rem;
  display: block;
  margin: 0;
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  border-top: 1px solid var(--ai-line);
  padding-top: 23px;
  font-size: 0.75rem;
  color: var(--ai-text-mute);
  align-items: center;
}
.made-by {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--ai-text-mute);
  font-size: 0.75rem;
  flex-shrink: 0;
  padding: 18px 0;
}
.made-by img {
  display: block;
  width: 64px;
  height: auto;
}
.made-by .zwinnie-dark {
  display: none;
}
.footer-bottom .made-by {
  margin-left: auto;
}
.legal-links {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}
.legal-links button {
  font: inherit;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 760px) {
  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .footer-top > .brand {
    grid-column: 1/-1;
  }
  .footer-bottom {
    flex-wrap: wrap;
    font-size: 0.75rem;
    gap: 12px 25px;
    padding-bottom: 45px;
  }
  .footer-bottom > span:nth-child(2) {
    display: none;
  }
  .footer-bottom > a {
    margin-left: auto;
  }
  .footer-bottom .made-by {
    margin-left: 0;
  }
  .legal-links {
    width: 100%;
    font-size: 0.75rem;
  }
  .made-by {
    padding-block: 18px;
  }
}