/* ══════════════════════════════════════════════════════
   EXTRA EFFECTS
══════════════════════════════════════════════════════ */

/* ── MESAJ BALON HOVER ───────────────────────────────── */
.bubble {
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.bubble:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 8px 32px rgba(108,62,244,0.18);
}

/* ── GÖNDER BUTONU PULSE ─────────────────────────────── */
.send-btn {
  position: relative;
  overflow: visible !important;
}
.send-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--grad);
  opacity: 0;
  animation: none;
  transform: scale(1);
}
.send-btn.pulse::after {
  animation: sendPulse .5s ease forwards;
}
@keyframes sendPulse {
  0%   { opacity: .6; transform: scale(1); }
  100% { opacity: 0;  transform: scale(2.2); }
}

/* ── PARÇACIK ────────────────────────────────────────── */
.particle {
  position: fixed;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  animation: particleFly .7s ease forwards;
}
@keyframes particleFly {
  0%   { opacity: 1; transform: translate(0,0) scale(1); }
  100% { opacity: 0; transform: translate(var(--tx), var(--ty)) scale(0); }
}

/* ── SIDEBAR GEÇMİŞ GLOW ─────────────────────────────── */
.chat-item {
  transition: background .2s, box-shadow .2s, transform .15s !important;
}
.chat-item:hover {
  box-shadow: 0 0 16px rgba(108,62,244,0.15) !important;
  transform: translateX(3px) !important;
}

/* ── INPUT FOCUS GLOW ────────────────────────────────── */
.input-wrap {
  transition: box-shadow .3s !important;
}
.input-wrap:focus-within {
  box-shadow: 0 0 0 2px rgba(108,62,244,0.3), 0 8px 32px rgba(0,0,0,.4) !important;
}

/* ── KART TIKLAMA EFEKTİ ─────────────────────────────── */
.card:active {
  transform: scale(0.97) !important;
}

/* ── AI AVATAR PULSE ─────────────────────────────────── */
.av.ai {
  animation: aiPulse 2.5s ease-in-out infinite;
}
@keyframes aiPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(108,62,244,0.4); }
  50%       { box-shadow: 0 0 0 6px rgba(108,62,244,0); }
}

/* ── TOPBAR MODEL PİLL ───────────────────────────────── */
.model-pill {
  animation: pillGlow 3s ease-in-out infinite;
}
@keyframes pillGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(108,62,244,0); }
  50%       { box-shadow: 0 0 16px rgba(108,62,244,0.25); }
}

/* ── LOGO GEM DÖNER ──────────────────────────────────── */
.logo-gem:hover {
  animation: gemSpin .6s ease;
}
@keyframes gemSpin {
  from { transform: rotateY(0deg); }
  to   { transform: rotateY(360deg); }
}

/* ── YENİ MESAJ SLIDE ────────────────────────────────── */
.message {
  animation: msgSlide .35s cubic-bezier(.34,1.36,.64,1) both;
}
@keyframes msgSlide {
  from { opacity: 0; transform: translateY(16px) scale(.97); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}