/* Bară plutitoare jos (toate ecranele) */
.pfs-floating{
  position: fixed;
  bottom: 20px;                 /* desktop/laptop */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(255,255,255,.92);
  border-radius: 999px;
  box-shadow: 0 6px 24px rgba(0,0,0,.15);
  backdrop-filter: blur(6px);
  z-index: 9999;
}

/* Butoane */
.pfs-btn{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform .15s ease, opacity .15s ease;
}
.pfs-btn:hover{ transform: translateY(-1px); opacity: .95; }
.pfs-btn svg{ width: 22px; height: 22px; fill: #fff; display:block; }

/* Culori rețele (opțional) */
.pfs-fb{ background:#1877F2; }
.pfs-x { background:#000; }
.pfs-wa{ background:#25D366; }
.pfs-tg{ background:#26A4E3; }
.pfs-pin{ background:#E60023; }
/* native + copy rămân implicit */

/* Mobil: ridicat 50px de la marginea de jos (cu safe-area) */
@media (max-width: 768px){
  .pfs-floating{
    bottom: calc(50px + env(safe-area-inset-bottom, 0px));
    gap: 8px;
    padding: 8px 10px;
  }
  .pfs-btn{
    width: 40px;
    height: 40px;
    box-shadow: none;
  }
}
/* adaugă în pfs.css */
.pfs-floating{
  opacity: 1;
  transition: opacity 1.2s ease;
}

.pfs-floating.hidden{
  opacity: 0;
  pointer-events: none;
}
/* Adaugă aceste stiluri la codul CSS existent */

/* Starea de auto-hide (foarte puțin vizibil) */
.pfs-floating.auto-hidden {
  opacity: 0.1; /* Foarte puțin vizibil */
  transition: opacity 0.5s ease;
}

/* Pe desktop, hover override pentru auto-hidden */
@media (min-width: 769px) {
  .pfs-floating.auto-hidden:hover {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
}