/* ClutchHub v169 — yeni ClutchBot tüm sayfalarda, eski hareketli sembol kaldırıldı */
.clutchbot-widget {
  bottom: 12px !important;
  right: 18px !important;
}

.clutchbot-mascot-button,
.clutchbot-widget.open .clutchbot-mascot-button {
  width: 142px !important;
  height: 184px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  animation: none !important;
  transform: none !important;
  filter: drop-shadow(0 12px 17px rgba(18,42,72,.25)) !important;
}

.clutchbot-mascot-button > img {
  content: url("/assets/clutchbot/clutchbot-admin-security-v168.png");
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  animation: none !important;
  transform: none !important;
  transition: filter .18s ease !important;
}

.clutchbot-mascot-button:hover > img {
  transform: none !important;
  filter: drop-shadow(0 6px 9px rgba(255,75,22,.18));
}

.clutchbot-mascot-button:focus-visible {
  outline: 3px solid rgba(255,75,22,.35) !important;
  outline-offset: 3px;
  border-radius: 24px;
}

.clutchbot-pulse,
.clutchbot-mascot-label,
.clutchbot-speech {
  display: none !important;
  animation: none !important;
}

.clutchbot-panel {
  bottom: 178px !important;
  right: 8px !important;
}

/* Sayfa içindeki ClutchBot görselleri de aynı maskotu kullanır. */
.home-v3-bot-intro img {
  content: url("/assets/clutchbot/clutchbot-admin-security-v168.png");
  object-fit: contain !important;
  object-position: center !important;
}

.chat-page .chat-members-panel::after {
  background:
    url("/assets/clutchbot/clutchbot-admin-security-v168.png") right 8px bottom -5px / 78px auto no-repeat,
    linear-gradient(135deg,#fff8f3,#fff) !important;
}

@media (max-width: 700px) {
  .clutchbot-widget {
    right: 7px !important;
    bottom: 62px !important;
  }

  .clutchbot-mascot-button,
  .clutchbot-widget.open .clutchbot-mascot-button {
    width: 92px !important;
    height: 122px !important;
  }

  .clutchbot-panel {
    right: 7px !important;
    bottom: 136px !important;
    height: min(500px, calc(100vh - 150px)) !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .clutchbot-mascot-button,
  .clutchbot-mascot-button > img,
  .clutchbot-pulse,
  .clutchbot-speech {
    animation: none !important;
  }
}
