/* Badge flottant site-wide - PBF.
   Valeurs dynamiques via variables CSS posées en style inline sur l'élément
   (robuste face à l'optimisation CSS de WP Rocket : la feuille reste, les vars aussi). */
.pbf-fbadge {
  position: fixed;
  z-index: 9998;
  background: #fff;
  padding: 10px;
  border-radius: 14px;
  box-shadow: 0 12px 34px -10px rgba(15, 23, 42, .5);
  display: inline-block;
  line-height: 0;
  top: var(--fb-top, auto);
  right: var(--fb-right, 18px);
  bottom: var(--fb-bottom, 18px);
  left: var(--fb-left, auto);
  transform: var(--fb-transform, none);
  animation: pbf-fbadge-pulse 2.6s ease-in-out infinite;
}
.pbf-fbadge img {
  display: block;
  width: var(--fb-w, 200px);
  max-width: 60vw;
  height: auto;
  border-radius: 8px;
}
@keyframes pbf-fbadge-pulse {
  0%, 100% { box-shadow: 0 12px 34px -10px rgba(15, 23, 42, .5); }
  50%      { box-shadow: 0 14px 40px -6px rgba(28, 119, 218, .55); }
}
@media (prefers-reduced-motion: reduce) {
  .pbf-fbadge { animation: none; }
}
@media (max-width: 600px) {
  .pbf-fbadge {
    top: var(--fb-top-m, auto);
    right: var(--fb-right-m, 18px);
    bottom: var(--fb-bottom-m, 18px);
    left: var(--fb-left-m, auto);
    transform: var(--fb-transform-m, none);
  }
  .pbf-fbadge img { width: var(--fb-wm, 120px); }
  .pbf-fbadge--hide-m { display: none !important; }
}