/* ============================================================
   Mesaj Hover Toolbar + Inline Düzenleme stilleri
   Discord stili (koyu tema varsayılan, aydınlık tema uyumlu)
   Eşlik eden modül: js/chat/message-menu.js
   ============================================================ */

/* ---------- Hover Toolbar (mesajın sağ üstünde beliren kutu) ---------- */
.msg{ position:relative; }   /* zaten messages.css'te var ama garanti */

.msg-hover-bar{
  position:absolute;
  top:-16px;            /* mesajın üst kenarına biraz taşar */
  right:16px;
  display:flex;
  flex-direction:row;
  align-items:center;
  height:32px;          /* Discord message buttons container yüksekliği */
  box-sizing:border-box;
  gap:0;
  padding:0;
  background:var(--popout-bg);
  border:1px solid var(--border);
  border-radius:4px;    /* Discord buttons_ container radius 4px */
  box-shadow:0 2px 8px rgba(0,0,0,.30);
  overflow:hidden;
  z-index:20;
  /* görünmez -> hover'da fade + translateY */
  opacity:0;
  transform:translateY(4px);
  pointer-events:none;
  transition:opacity .12s ease, transform .12s ease;
}

/* Mesajın üzerine gelince ya da menü/edit aktifken görünür */
.msg:hover .msg-hover-bar,
.msg:focus-within .msg-hover-bar{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

/* Inline edit açıkken bar gizlensin (karışmasın) */
.msg:has(.msg-edit-box) .msg-hover-bar{
  opacity:0 !important;
  pointer-events:none !important;
}

/* Toolbar butonları */
.mhb-btn{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  background:transparent;
  color:var(--muted);
  border-radius:0;        /* kapsayıcı overflow:hidden ile yuvarlatılır */
  cursor:pointer;
  font-size:18px;
  line-height:1;
  padding:0;
  transition:background .1s ease, color .1s ease;
}
.mhb-btn:hover{
  background:var(--hover);
  color:var(--head);
}
.mhb-btn svg{ display:block; }

/* Emoji butonları (metin emoji) */
.mhb-btn.mhb-emoji{
  font-size:17px;
}
.mhb-btn.mhb-emoji:hover{
  transform:scale(1.05);
}

/* ---------- Inline Düzenleme ---------- */
.msg-edit-box{
  margin-top:2px;
  width:100%;
}

.msg-edit-input{
  width:100%;
  min-height:38px;
  max-height:360px;
  box-sizing:border-box;
  resize:none;
  background:var(--input-bg);
  color:var(--text);
  border:none;
  border-radius:8px;
  padding:10px 12px;
  font-family:inherit;
  font-size:15px;
  line-height:1.4;
  outline:none;
  overflow-y:auto;
}
.msg-edit-input:focus{
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;
}

.msg-edit-hint{
  margin-top:4px;
  font-size:12px;
  color:var(--muted);
  user-select:none;
}
.msg-edit-hint strong{
  color:var(--text);
  font-weight:600;
}