/*
 * Silent Heroes — Footer
 */

.sh-footer {
  background: #000; /* User request 2026-05-31: czyste #000 dla footer (nie token #111) */
  color: var(--sh-offwhite);
  padding: var(--sh-space-20) var(--sh-gutter) var(--sh-space-8);
  border-top: 4px solid var(--sh-red);
}

.sh-footer-inner {
  max-width: var(--sh-container);
  margin-inline: auto;
}

.sh-footer-top {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: var(--sh-space-10);
  padding-bottom: var(--sh-space-12);
  border-bottom: 1px solid rgba(248, 247, 244, 0.12);
}

@media (max-width: 1024px) {
  .sh-footer-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .sh-footer-top { grid-template-columns: 1fr; }
}

.sh-footer-brand-logo { max-width: 160px; margin-bottom: var(--sh-space-4); }
.sh-footer-brand p {
  color: rgba(248, 247, 244, 0.65);
  font-size: var(--sh-fs-sm);
  line-height: var(--sh-lh-normal);
}

.sh-footer-col h4 {
  color: var(--sh-offwhite);
  font-size: var(--sh-fs-sm);
  font-weight: var(--sh-fw-bold);
  letter-spacing: var(--sh-tracking-wider);
  text-transform: uppercase;
  margin-bottom: var(--sh-space-5);
}

.sh-footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sh-footer-col li + li { margin-top: var(--sh-space-3); }

.sh-footer-col a {
  color: rgba(248, 247, 244, 0.65);
  font-size: var(--sh-fs-sm);
  text-decoration: none;
  transition: color var(--sh-duration) var(--sh-ease);
}
.sh-footer-col a:hover { color: var(--sh-red); }

.sh-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--sh-space-6);
  gap: var(--sh-space-5);
  flex-wrap: wrap;
}

.sh-footer-copyright {
  font-size: var(--sh-fs-xs);
  color: rgba(248, 247, 244, 0.4);
  letter-spacing: var(--sh-tracking-normal);
}

.sh-footer-social {
  display: inline-flex;
  gap: var(--sh-space-4);
}
.sh-footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(248, 247, 244, 0.2);
  border-radius: var(--sh-radius-full);
  color: rgba(248, 247, 244, 0.65);
  transition: all var(--sh-duration) var(--sh-ease);
}
.sh-footer-social a:hover {
  background: var(--sh-red);
  border-color: var(--sh-red);
  color: var(--sh-white);
}
.sh-footer-social svg { width: 16px; height: 16px; }

.sh-footer-payments {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.sh-footer-payments span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid rgba(248, 247, 244, 0.12);
  border-radius: 4px;
}
.sh-footer-payments span svg { display: block; height: 16px; width: auto; }
.sh-footer-payments img { height: 22px; width: auto; }

.sh-footer-brand-name {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.02em;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: var(--sh-offwhite);
}