/* Kontener pływającego widżetu */
#fb-floating-widget {
  position: fixed;
  top: 70%;
  right: 0;
  transform: translateY(-50%);
  z-index: 9999;

  width: 60px; /* tylko ikona na start */
  height: 60px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px 0 0 4px;
  overflow: hidden;

  transition: width 0.3s ease, height 0.3s ease;
}

/* Po najechaniu – rozwija do full widgetu */
#fb-floating-widget:hover {
  width: 180px; /* szerokość widgetu */
  height: 80px; /* wysokość małego nagłówka FB */
}

/* Ikona FB */
.ffw-icon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ffw-icon img {
  max-width: 100%;
  max-height: 100%;
}

/* Sekcja z fb-page – wypełnia całość po rozwinięciu */
.ffw-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease 0.1s;
}

#fb-floating-widget:hover .ffw-content {
  opacity: 1;
  visibility: visible;
}

/* FB Page plugin dopasowuje się do kontenera */
#fb-floating-widget .fb-page,
#fb-floating-widget .fb-page > div {
  width: 100% !important;
  height: 100% !important;
}
