/* Pulsante Back to Top stile WhatsApp */
#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;

  background-color: #F28504; /* colore richiesto */
  color: #fff;

  width: auto;
  padding: 10px 16px; /* come WhatsApp */
  border-radius: 50px; /* forma a pillola */

  border: none;
  cursor: pointer;
  display: none;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 0; /* nascondiamo eventuale testo */

  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: transform 0.2s, opacity 0.3s;
  z-index: 9999;
}

#back-to-top.show {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}

#back-to-top.hide {
  opacity: 0;
  transform: translateY(20px);
}

#back-to-top:hover {
  transform: scale(1.1); /* effetto WhatsApp */
}

/* Icona interna */
#back-to-top svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}