/* === Footer social buttons === */

/* 1) Układ horyzontalny + odstępy */
.footer_contact__socialWrapper{
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center; /* zmień na flex-start jeśli chcesz do lewej */
  margin-top: 10px;
}

/* 2) Upewnij się, że nic nie ukrywa elementów */
.footer_contact__socialWrapper,
.footer_contact__socialWrapper *{
  opacity: 1 !important;
  visibility: visible !important;
}

/* 3) Styl “przycisków” */
.footer_contact__socialItem{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;              /* rozmiar przycisku */
  height: 44px;
  border-radius: 999px;
  background: #f2f2f2;      /* kolor tła */
  border: 1px solid rgba(0,0,0,.15);
  text-decoration: none !important;
}

/* 4) Ikonki */
.footer_contact__socialItem img{
  width: 22px !important;
  height: 22px !important;
  display: block;
}

/* 5) Hover/focus: odwrócenie kolorów + wymuszenie białych ikon */
.footer_contact__socialItem:hover,
.footer_contact__socialItem:focus{
  background: #111;
  border-color: rgba(255,255,255,.25);
  outline: none;
}

.footer_contact__socialItem:hover img,
.footer_contact__socialItem:focus img{
  filter: brightness(0) invert(1);
}

/* 6) Opcjonalnie: brandowe kolory (odkomentuj jeśli wolisz) */
/*
.footer_contact__socialItem.--facebook { background:#1877F2; border-color:transparent; }
.footer_contact__socialItem.--youtube  { background:#FF0000; border-color:transparent; }
.footer_contact__socialItem.--instagram{ background:#C13584; border-color:transparent; }
.footer_contact__socialItem img{ filter: brightness(0) invert(1); }
.footer_contact__socialItem:hover{ filter: brightness(0.95); }
*/