/* ----------------------------------------------------- */
/* 1) Animation hop                                        */
/* ----------------------------------------------------- */
.bfws-hop5 {
  animation: hop5 1.8s infinite ease-in-out;
}
@keyframes hop5 {
  0%,45%,100% {transform:translateY(0) scale(1);}
  50%         {transform:translateY(-25px) scale(1.1,0.9);}
  60%         {transform:translateY(0) scale(1,1.1);}
  70%         {transform:translateY(-12px) scale(1.06,0.94);}
  80%         {transform:translateY(0) scale(1,1.1);}
  90%         {transform:translateY(0) scale(1);}
}

/* ----------------------------------------------------- */
/* 2) Conteneur principal                                */
/* ----------------------------------------------------- */
.bfws-fab-container {
  position: fixed; bottom: 240px; right: 20px; z-index: 9999;
}

/* ----------------------------------------------------- */
/* 3) Bouton principal                                   */
/* ----------------------------------------------------- */
.bfws-fab-main {
  background:#373737;color:#efefef;
  padding:0 20px;height:56px;line-height:56px;
  border:none;border-radius:28px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:16px;cursor:pointer;
  box-shadow:0 3px 6px rgba(0,0,0,0.16);
  transition:background .3s,width .3s,padding .3s;
}
.bfws-fab-main:hover {background:#282828;}
.bfws-fab-main.opened {
  width:56px;padding:0;justify-content:center;
}
.bfws-fab-main.opened .bfws-fab-icon,
.bfws-fab-main.opened .bfws-fab-text {display:none;}
.bfws-fab-main.opened::after {
  content:"×";font-size:28px;line-height:56px;color:#efefef;
}
/* Icône */
.bfws-fab-icon {width:20px;height:20px;margin-right:8px;}

/* ----------------------------------------------------- */
/* 4) Groupe global                                      */
/* ----------------------------------------------------- */
.bfws-fab-group {
  position:absolute;bottom:66px;right:0;
  display:flex;flex-direction:row;gap:10px;
  align-items:flex-start;
  opacity:0;visibility:hidden;
  transition:opacity .3s;
}
.bfws-fab-group.show {
  opacity:1;visibility:visible;
}

/* ----------------------------------------------------- */
/* 5) Colonne secondaire                                 */
/* ----------------------------------------------------- */
.bfws-secondary-column {
  display:none;flex-direction:column;order:1;
}
.bfws-secondary-column .bfws-fab-sub {
  margin-bottom:10px;
}
.bfws-secondary-column .bfws-fab-sub:last-child {
  margin-bottom:0;
}

/* ----------------------------------------------------- */
/* 6) Colonne primaire                                   */
/* ----------------------------------------------------- */
.bfws-primary-column {
  display:flex;flex-direction:column;gap:10px;order:2;
}

/* ----------------------------------------------------- */
/* 7) Sous-boutons                                       */
/* ----------------------------------------------------- */
.bfws-fab-sub {
  display:flex;align-items:center;justify-content:center;
  background:rgb(42,180,97);color:#fff;
  padding:0 16px;height:48px;line-height:48px;
  border-radius:24px;font-size:14px;
  box-shadow:0 2px 4px rgba(0,0,0,0.16);
  white-space:nowrap;text-decoration:none;border:none;
  cursor:pointer;transition:background .3s;
}
.bfws-fab-sub:hover {background:#4bf790;}