.nfp-btn{
	all: unset !important;   
      display: flex !important;
    flex-direction: column !important;
  align-items:center;
  gap:.5em;
  padding:.6em 1em;
	margin: 1rem;
  background:#fff;
  color:var(--e-global-color-primary) !important; !important;
  cursor:pointer;
  transition:.2s ease;
  font-size:14px;
  line-height:1;
}
a[data-tooltip] {
    position: relative;
    text-decoration: none;
}


a[data-tooltip]:hover::before {
    content: attr(data-tooltip);
  position: absolute;
  top: 10%; /* sopra il pulsante */
  left: 5%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}


a[data-tooltip]:hover::before {
    opacity: 1;
}

.txt-favorites{
	line-height: 1 !important;
    margin-top: 10px !important;
}

.nfp-btn i{ pointer-events:none; } /* evita interferenze click sulle icone */
.nfp-btn:hover{ transform:translateY(-1px); box-shadow:0 6px 12px rgba(0,0,0,.06); }
.nfp-btn.is-favorite{ background:#f7f1ff; border-color:#c9a9ff; color:#5b2ecc; }
.nfp-btn.nfp-disabled{ opacity:.8; cursor:not-allowed; }
.nfp-pulse{ box-shadow:0 0 0 0 rgba(91,46,204,.5); animation:nfpPulse .6s ease; }
@keyframes nfpPulse{ from{ box-shadow:0 0 0 0 rgba(91,46,204,.4);} to{ box-shadow:0 0 0 12px rgba(91,46,204,0);} }
.nfp-list{ display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:16px; }
.nfp-item{ border:1px solid #eee; border-radius:12px; padding:12px; background:#fff; }
.nfp-title{ font-size:16px; margin:.2em 0 .6em; }
.nfp-thumb img{ border-radius:8px; display:block; width:100%; height:auto; }
.nfp-actions{ margin-top:.6em; }
