/* Stile per il bottone del chatbot */
#chatbot-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  cursor: pointer;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
}

@media (max-width: 980px) {
  #chatbot-icon {
    top: 120px;
    bottom: unset;
  }

  #iframeEbbyChat {
    bottom: unset !important;
    top: 120px;
    z-index: 99999 !important;
    height: 0 !important;
  }

  #iframeEbbyChat.iframe-open {
    height: 69dvh !important;
  }
}

@media (max-width: 576px) {
  #chatbot-icon {
    top: 85px;
  }

  #iframeEbbyChat {
    top: 85px;
  }

  #iframeEbbyChat.iframe-open {
    height: 70dvh !important;
  }
}


#chatbot-icon:hover {
  transform: scale(1.1);
}

#chatbot-icon img {
  width: 50px;
  height: 50px;
}

/* Stile per il contatore di notifiche */
#notification-count {
  position: absolute;
  top: -5px;
  right: -2px;
  background-color: #ff4d4f;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 6px;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  width: 22px;
  height: 22px;
  line-height: 12px;
  text-align: center;
}

#chatbot-icon.d-none {
	display: none;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.pulse {
	animation: pulse 0.7s infinite;
}