/* ==========================================================================
   MAKSAT MUHABBET — dijital rehber (retro sahne mikrofonu)
   Tamamen bağımsız. Kaldırmak için: index.html'deki iki satırı sil,
   assistant.css ve assistant.js dosyalarını sil. Başka hiçbir yere dokunmaz.
   ========================================================================== */

.mm-assistant{position:fixed;inset:0;z-index:90;pointer-events:none}
.mm-assistant[hidden]{display:none}

/* --- kablo: tüm ekranı kaplayan çizim katmanı --- */
.mm-cord{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.mm-cord-line{fill:none;stroke:#453f5c;stroke-width:5;stroke-linecap:round}
.mm-cord-sheen{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1.6;stroke-linecap:round}

/* --- mikrofonun taşıyıcısı: JS her karede bunu hareket ettirir --- */
.mm-body{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}

/* --- mikrofon --- */
.mm-mic{
  position:absolute;left:calc(var(--mm-w) / -2);top:calc(var(--mm-h) / -2);
  width:var(--mm-w);height:var(--mm-h);
  padding:0;border:0;background:none;cursor:grab;pointer-events:auto;
  touch-action:none;-webkit-tap-highlight-color:transparent;
  animation:mm-sway 6s ease-in-out infinite;
  transition:filter .25s
}
.mm-mic:active{cursor:grabbing}
.mm-mic:hover{filter:brightness(1.08)}
.mm-mic:focus-visible{outline:3px solid var(--accent,#ff3d72);outline-offset:6px;border-radius:26px}
.mm-assistant[data-dragging="1"] .mm-mic{animation:none;cursor:grabbing}
.mm-mic svg{display:block;width:100%;height:100%;overflow:visible}

.mm-glow{fill:var(--accent,#ff3d72);opacity:.3;filter:blur(13px)}
.mm-bar{fill:rgba(12,11,16,.45)}
.mm-eye{transform-box:fill-box;transform-origin:center;animation:mm-blink 5.4s infinite}

/* --- konuşma baloncuğu --- */
.mm-bubble{
  position:absolute;left:calc(var(--mm-w) * .62);bottom:calc(var(--mm-h) * .34);
  width:max-content;max-width:min(272px,calc(100vw - 7rem));
  padding:14px 34px 15px 16px;
  background:var(--ink,#fffaf6);color:#14111c;
  border-radius:18px 18px 18px 4px;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
  font:600 14.5px/1.45 var(--body,system-ui,sans-serif);
  pointer-events:auto;
  opacity:0;transform:translateY(8px) scale(.92);transform-origin:bottom left;
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,1.5,.4,1);
  visibility:hidden
}
.mm-assistant[data-talking="1"] .mm-bubble{opacity:1;transform:none;visibility:visible}
.mm-bubble p{margin:0;overflow-wrap:anywhere}
.mm-caret{display:inline-block;width:2px;height:1em;margin-left:1px;background:var(--accent,#ff3d72);vertical-align:-2px;animation:mm-caret .8s steps(1) infinite}
.mm-bubble-tail{position:absolute;left:-7px;bottom:0;width:14px;height:14px;background:inherit;clip-path:polygon(100% 0,100% 100%,0 100%)}

.mm-bubble-close{
  position:absolute;top:6px;right:6px;width:24px;height:24px;
  display:grid;place-items:center;padding:0;
  border:0;border-radius:50%;background:rgba(20,17,28,.07);
  color:#57505f;font:700 15px/1 var(--body,system-ui,sans-serif);cursor:pointer
}
.mm-bubble-close:hover{background:rgba(20,17,28,.15);color:#14111c}
.mm-bubble-close:focus-visible{outline:2px solid var(--accent,#ff3d72);outline-offset:2px}

/* --- kapatıldıktan sonra geri çağırma düğmesi --- */
.mm-recall{
  position:absolute;left:18px;bottom:18px;width:46px;height:46px;
  display:none;place-items:center;padding:0;
  border:1px solid rgba(255,255,255,.16);border-radius:50%;
  background:var(--surface,#17151e);color:var(--ink,#fffaf6);
  box-shadow:0 10px 26px rgba(0,0,0,.45);cursor:pointer;pointer-events:auto
}
.mm-assistant[data-dismissed="1"] .mm-recall{display:grid}
.mm-assistant[data-dismissed="1"] .mm-body,
.mm-assistant[data-dismissed="1"] .mm-cord{display:none}
.mm-recall:hover{border-color:var(--accent,#ff3d72)}
.mm-recall:focus-visible{outline:3px solid var(--accent,#ff3d72);outline-offset:3px}
.mm-recall svg{width:22px;height:22px}

@keyframes mm-sway{0%,100%{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}
@keyframes mm-blink{0%,92%,100%{transform:scaleY(1)}95%,97%{transform:scaleY(.12)}}
@keyframes mm-caret{0%,50%{opacity:1}51%,100%{opacity:0}}

@media(max-width:780px){
  .mm-bubble{
    left:calc(var(--mm-w) * .5);bottom:calc(var(--mm-h) * .42);
    max-width:min(228px,calc(100vw - 5.5rem));
    padding:12px 30px 13px 14px;font-size:13.5px;border-radius:15px 15px 15px 4px
  }
  .mm-cord-line{stroke-width:4}
}

@media(prefers-reduced-motion:reduce){
  .mm-mic,.mm-eye,.mm-caret{animation:none}
  .mm-bubble{transition:opacity .2s ease}
  .mm-assistant[data-talking="1"] .mm-bubble{transform:none}
}

/* --- baloncuk alt satırı: kaçıncı bilgi + devam --- */
.mm-bubble-foot{display:flex;align-items:center;gap:12px;margin-top:10px}
.mm-bubble-foot[hidden]{display:none}
.mm-count{font:800 11px/1 var(--body,system-ui,sans-serif);letter-spacing:.08em;color:#8a8296}
.mm-more{
  margin-left:auto;padding:5px 11px;border:0;border-radius:999px;
  background:#14111c;color:#fffaf6;cursor:pointer;
  font:800 11.5px/1 var(--body,system-ui,sans-serif);letter-spacing:.02em
}
.mm-more[hidden]{display:none}
.mm-more:hover{background:var(--accent,#ff3d72)}
.mm-more:focus-visible{outline:2px solid var(--accent,#ff3d72);outline-offset:2px}