/* SoftwaresPlanet movable chatbot character icon.
   Add after /assets/sp-chatbot.css. */
.sp-chatbot-toggle{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  right:18px!important;
  bottom:86px!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.sp-chatbot-toggle > *,
.sp-chatbot-toggle .sp-toggle-icon,
.sp-chatbot-toggle .sp-toggle-text,
.sp-chatbot-toggle i,
.sp-chatbot-toggle span{display:none!important;}
.sp-chatbot-toggle::before{
  content:"";
  width:70px;
  height:70px;
  display:block;
  background:url('/assets/sp-chatbot-character.png') center center/contain no-repeat;
  filter:drop-shadow(0 14px 18px rgba(15,23,42,.20));
  transform-origin:52% 88%;
  animation:spCharacterTalkWave 5.6s ease-in-out infinite;
  will-change:transform,filter;
}
.sp-chatbot-toggle:hover::before{animation-duration:2.8s;filter:drop-shadow(0 18px 25px rgba(37,99,235,.24));}
.sp-chatbot-toggle.hidden{opacity:0!important;pointer-events:none!important;transform:translateY(10px) scale(.92)!important;}
@keyframes spCharacterTalkWave{
  0%,100%{transform:translateY(0) rotate(0deg) scale(1)}
  8%{transform:translateY(-4px) rotate(-3deg) scale(1.03)}
  16%{transform:translateY(0) rotate(3deg) scale(1)}
  24%{transform:translateY(-3px) rotate(-2deg) scale(1.025)}
  34%{transform:translateY(0) rotate(2deg) scale(1)}
  52%{transform:translateY(-6px) rotate(0deg) scale(1.04)}
  68%{transform:translateY(0) rotate(0deg) scale(1)}
  82%{transform:translateY(-3px) rotate(1.5deg) scale(1.02)}
}
.sp-chatbot-panel{bottom:92px!important;}
@media(max-width:640px){
  .sp-chatbot-toggle{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;right:12px!important;bottom:82px!important;}
  .sp-chatbot-toggle::before{width:62px;height:62px;}
  .sp-chatbot-panel{bottom:74px!important;}
}
@media(prefers-reduced-motion:reduce){.sp-chatbot-toggle::before{animation:none!important;}}
