/* ENGHOME Agent Opening Animation v1.0.0 */

#enghome-agent-root .eh-agent-panel {
  transform-origin: right bottom !important;
  transition:
    opacity 320ms ease,
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 320ms ease !important;
}

#enghome-agent-root .eh-agent-panel:not(.eh-open) {
  transform: translate3d(0, 25px, 0) scale(0.94) !important;
  filter: blur(2px);
}

#enghome-agent-root .eh-agent-panel.eh-open {
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: blur(0);
}

#enghome-agent-root.eh-agent-opening .eh-agent-header {
  animation: ehAgentHeaderReveal 440ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#enghome-agent-root.eh-agent-opening .eh-agent-robot-stage {
  animation: ehAgentRobotReveal 520ms 70ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#enghome-agent-root.eh-agent-opening .eh-agent-messages {
  animation: ehAgentMessagesReveal 480ms 130ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#enghome-agent-root.eh-agent-opening .eh-agent-form {
  animation: ehAgentFormReveal 430ms 180ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes ehAgentHeaderReveal {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ehAgentRobotReveal {
  from {
    opacity: 0;
    transform: scale(1.035) translateY(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes ehAgentMessagesReveal {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ehAgentFormReveal {
  from {
    opacity: 0;
    transform: translateY(9px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Prezantimi me efekt shkrimi */
#enghome-agent-root .eh-agent-typewriter-message .eh-agent-bubble {
  min-height: 46px;
}

#enghome-agent-root .eh-agent-typewriter-message.eh-agent-typewriter-pending {
  opacity: 0;
}

#enghome-agent-root .eh-agent-typewriter-message.eh-agent-typewriter-active {
  opacity: 1;
}

#enghome-agent-root .eh-agent-typewriter-message.eh-agent-typewriter-active .eh-agent-bubble::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 1.05em;
  margin-left: 3px;
  border-radius: 2px;
  background: #269fe9;
  vertical-align: -0.13em;
  animation: ehAgentTypingCursor 720ms infinite;
}

#enghome-agent-root.eh-agent-intro-typing .eh-agent-chips {
  opacity: 0;
  transform: translateY(7px);
  pointer-events: none;
}

#enghome-agent-root .eh-agent-chips {
  transition:
    opacity 260ms ease,
    transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

#enghome-agent-root.eh-agent-intro-finished .eh-agent-chips {
  opacity: 1;
  transform: translateY(0);
}

@keyframes ehAgentTypingCursor {
  0%, 45% {
    opacity: 1;
  }
  46%, 100% {
    opacity: 0;
  }
}

/* Ikona reagon kur klikohet */
#enghome-agent-root .eh-agent-launcher:active {
  transform: scale(0.92) !important;
}

@media (max-width: 600px) {
  #enghome-agent-root .eh-agent-panel {
    transform-origin: center bottom !important;
  }

  #enghome-agent-root .eh-agent-panel:not(.eh-open) {
    transform: translate3d(0, 32px, 0) scale(0.965) !important;
  }

  #enghome-agent-root .eh-agent-panel.eh-open {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #enghome-agent-root .eh-agent-panel,
  #enghome-agent-root .eh-agent-header,
  #enghome-agent-root .eh-agent-robot-stage,
  #enghome-agent-root .eh-agent-messages,
  #enghome-agent-root .eh-agent-form,
  #enghome-agent-root .eh-agent-chips {
    animation: none !important;
    transition: none !important;
  }

  #enghome-agent-root .eh-agent-typewriter-message.eh-agent-typewriter-active .eh-agent-bubble::after {
    display: none !important;
  }
}