:root{
  --asy-footer-bg-color: #111827;             
  --asy-footer-text-color: #E5E7EB;           
  --asy-footer-muted-color: #9CA3AF;          
  --asy-footer-link-color: #FFFFFF;           
  --asy-footer-link-hover-color: #FFFFFF;    
  --asy-footer-divider-color: rgba(255,255,255,.08);

  --asy-footer-social-size: 44px;             
  --asy-footer-gap: 1.25rem;
}

.site-footer{
  background: var(--asy-footer-bg-color);
  color: var(--asy-footer-text-color);
  padding-block: 2rem;
}

.site-footer_inner {
    padding-block: var(--asy-space-sm);
}

.footer__grid{
  display: flex;
  flex-direction: column;      /* mobile: w słupku */
  align-items: stretch;
  gap: 1rem;
}

.footer__col{ width: 100%; }

.footer__social{ display: flex; justify-content: center; }

.footer__links{ text-align: center; }

@media (min-width: 992px){
  .footer__grid{
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;  /* lewa – środek – prawa */
    gap: 2rem;
  }
  .footer__col{
    width: auto;                      /* szerokość wg treści */
    flex: 0 1 auto;
  }
  .footer__legal{  margin-right: auto; }   /* dociśnij lewą do lewej */
  .footer__social{ justify-content: center; }
  .footer__links{
    margin-left: auto;                 /* prawa do prawej */
    text-align: right;                 /* i zawartość do prawej */
  }
}

.footer__brand{ margin: 0 0 .25rem 0; font-weight: 600; }
.footer__addr{ margin: 0; font-style: normal; color: var(--asy-footer-muted-color); line-height: 1.6; }

.social{ list-style: none; display: flex; gap: .75rem; padding: 0; margin: 0; }
.social__btn{
  inline-size: var(--asy-footer-social-size);
  block-size: var(--asy-footer-social-size);
  display: grid; place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
  text-decoration: none;
  transition: transform .15s ease, background .2s ease, box-shadow .2s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.social__btn:hover,
.social__btn:focus-visible{
  transform: translateY(-1px);
  background: rgba(255,255,255,.16);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}
.social__btn i{ font-size: 1.05rem; line-height: 1; }

/* --- Linki prawne --- */
.footer-links{ list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.footer-link{
  color: var(--asy-footer-link-color);
  text-decoration: none;
  position: relative;
  padding: 2px 0;
}
.footer-link::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-2px; height:2px;
  background: var(--asy-footer-link-hover-color);
  transform: scaleX(0); transform-origin: left center;
  transition: transform .25s ease;
}
.footer-link:hover,
.footer-link:focus-visible{ color: var(--asy-footer-link-color); }
.footer-link:hover::after,
.footer-link:focus-visible::after{ transform: scaleX(1); }

.footer__bottom{
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--asy-footer-divider-color);
  color: var(--asy-footer-muted-color);
}