/* direkthotel AI Bot Icon – exact PNG with premium animation */
.dh-bot-icon{
  --bot-size:48px;
  width:var(--bot-size);
  height:var(--bot-size);
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  border-radius:22%;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 24px rgba(13,37,53,.12), inset 0 1px 0 rgba(255,255,255,.75);
  overflow:visible;
  transform:translateZ(0);
  animation:dhBotFloat 4.8s cubic-bezier(.45,0,.2,1) infinite;
}
.dh-bot-icon::before{
  content:"";
  position:absolute;
  inset:9%;
  border-radius:28%;
  background:radial-gradient(circle at 50% 60%, rgba(34,211,238,.22), transparent 62%);
  filter:blur(7px);
  opacity:.65;
  pointer-events:none;
  animation:dhBotGlow 3.6s ease-in-out infinite;
}
.dh-bot-icon img{
  width:112%;
  height:112%;
  object-fit:contain;
  display:block;
  position:relative;
  z-index:1;
  transform:translateY(1px) scale(1.05);
  filter:drop-shadow(0 6px 10px rgba(13,37,53,.16));
  user-select:none;
  -webkit-user-drag:none;
}
.dh-bot-icon--xs{--bot-size:28px;border-radius:10px;box-shadow:0 5px 12px rgba(13,37,53,.12)}
.dh-bot-icon--sm{--bot-size:36px;border-radius:12px;box-shadow:0 7px 16px rgba(13,37,53,.12)}
.dh-bot-icon--md{--bot-size:52px;border-radius:16px}
.dh-bot-icon--lg{--bot-size:72px;border-radius:22px}
.dh-bot-icon--xl{--bot-size:96px;border-radius:28px}

.dh-bot-icon--thinking{
  animation:dhBotThinking 1.55s cubic-bezier(.45,0,.2,1) infinite;
}
.dh-bot-icon--thinking::before{
  opacity:.95;
  animation:dhBotThinkingGlow 1.55s ease-in-out infinite;
}
.dh-bot-icon--thinking img{
  filter:drop-shadow(0 8px 14px rgba(34,211,238,.22));
}

.dh-bot-icon:hover{
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 16px 32px rgba(13,37,53,.18),0 0 0 1px rgba(244,181,68,.22);
}

.dh-bot-dots{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-left:10px;
}
.dh-bot-dots span{
  width:6px;
  height:6px;
  border-radius:999px;
  background:#f4b544;
  opacity:.35;
  animation:dhBotDot 1.05s ease-in-out infinite;
}
.dh-bot-dots span:nth-child(2){animation-delay:.16s}
.dh-bot-dots span:nth-child(3){animation-delay:.32s}

@keyframes dhBotFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.012)}
}
@keyframes dhBotGlow{
  0%,100%{opacity:.45;transform:scale(.96)}
  50%{opacity:.85;transform:scale(1.05)}
}
@keyframes dhBotThinking{
  0%,100%{transform:translateY(0) scale(1)}
  35%{transform:translateY(-4px) scale(1.035)}
  70%{transform:translateY(1px) scale(.99)}
}
@keyframes dhBotThinkingGlow{
  0%,100%{opacity:.5;transform:scale(.92)}
  50%{opacity:1;transform:scale(1.16)}
}
@keyframes dhBotDot{
  0%,100%{opacity:.25;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-3px)}
}

@media (prefers-reduced-motion: reduce){
  .dh-bot-icon,.dh-bot-icon::before,.dh-bot-dots span{animation:none!important;transition:none!important}
}