/* DESTEK SOHBETİ — site ve uygulama paneli ORTAK (2026-09-17). Değişkenler (--çizgi, --metin…) her iki temada var. */
/* ── destek sohbeti ── */
.destek-dugme {
  position: fixed; right: 22px; bottom: 22px; z-index: 60;
  display: flex; align-items: center; gap: 9px;
  background: linear-gradient(135deg, #ffffff, #ddd8f5); color: #0a0913;
  border: none; border-radius: 30px; padding: 13px 20px; font: inherit; font-weight: 650; font-size: 14.5px;
  cursor: pointer; box-shadow: 0 18px 44px -16px #b7acffcc; transition: transform .18s, box-shadow .2s;
}
.destek-dugme:hover { transform: translateY(-2px); box-shadow: 0 24px 54px -18px #b7acffee; }
.destek-dugme.acik .destek-etiket { display: none; }
.destek-panel {
  position: fixed; right: 22px; bottom: 84px; z-index: 60; width: min(380px, calc(100vw - 44px));
  background: #12101fee; border: 1px solid var(--çizgi2);
  border-radius: 20px; box-shadow: var(--gölge); display: flex; flex-direction: column; overflow: hidden;
  backdrop-filter: blur(18px); animation: yukselt .22s cubic-bezier(.2,.7,.3,1);
}
@keyframes yukselt { from { opacity: 0; transform: translateY(12px); } }
.destek-baslik {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 16px; border-bottom: 1px solid var(--çizgi); font-weight: 620;
}
.destek-kapat { background: none; border: none; color: var(--sönük); font-size: 22px; cursor: pointer; line-height: 1; }
.destek-govde { padding: 14px 16px; max-height: 340px; min-height: 140px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; }
.destek-bos { color: var(--sönük2); font-size: 14px; }
.destek-mesaj { max-width: 86%; }
.destek-mesaj.musteri { align-self: flex-end; text-align: right; }
.destek-metin {
  display: inline-block; padding: 9px 13px; border-radius: 14px; font-size: 14.5px;
  background: #221f38; color: var(--metin); text-align: left; white-space: pre-wrap; word-break: break-word;
}
.destek-mesaj.musteri .destek-metin { background: linear-gradient(135deg, #8b7bff, #6b5ce0); color: #f7f5ff; }
.destek-zaman { font-size: 11px; color: var(--sönük2); margin-top: 3px; }
.destek-alt { display: flex; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--çizgi); align-items: flex-end; }
.destek-giris {
  flex: 1; resize: none; background: #07060fb0; border: 1px solid var(--çizgi2); border-radius: 12px;
  padding: 10px 12px; color: var(--metin); font: inherit; font-size: 14.5px;
}
.destek-giris:focus { outline: none; border-color: #8b7bff99; }
.destek-ipucu { padding: 0 16px 14px; font-size: 12.5px; color: var(--sönük2); }
.destek-ipucu b { color: var(--mor2); }


/* ── destek sohbeti: okunmamış işareti, hata satırı, karşılama mesajı (2026-09-16) ── */
.destek-rozet {
  position: absolute; top: -3px; right: -3px; width: 13px; height: 13px; border-radius: 50%;
  background: #ff5c7a; box-shadow: 0 0 0 3px #0a0913, 0 0 12px #ff5c7a;
}
.destek-hata { padding: 8px 16px 0; font-size: 13px; color: #ff9aac; }
.destek-metin.sablonlu { white-space: normal; }
.destek-metin.sablonlu b { display: block; margin-bottom: 6px; font-size: 15px; }
.destek-metin.sablonlu p { margin: 0 0 8px; }
.destek-metin.sablonlu p:last-child { margin-bottom: 0; }

.destek-dugme { position: fixed; }
/* Uygulama panelinde: sitedeki .btn.gold yok, gönder düğmesi ve boş sohbet burada tanımlı. */
.destek-alt .btn { font: inherit; font-weight: 650; font-size: 14px; padding: 10px 16px; border-radius: 12px; border: none; cursor: pointer;
  background: linear-gradient(135deg, #ffffff, #ddd8f5); color: #0a0913; }
.destek-alt .btn:disabled { opacity: .6; cursor: default; }
.destek-govde:empty::before { content: ""; }
a.marka, a.marka:hover { text-decoration: none; color: inherit; }
/* KAPANMIYORDU (2026-09-17): sitede destek.css style.css'ten SONRA yüklenir; .destek-panel{display:flex}
   aynı özgüllükteki .gizli{display:none}'i eziyordu. Kapalı hâl her yerde kesin. */
.destek-panel.gizli, .destek-rozet.gizli { display: none !important; }