/* ============================================================
   SOHBET — statik soru/cevap yardımcısı
   ============================================================ */

.sohbet{
  position:fixed; right:20px; bottom:20px; z-index:120;
  display:flex; flex-direction:column; align-items:flex-end; gap:12px;
  font-family:"Mulish",Helvetica,Arial,sans-serif;
  /* Kabın kendisi görünmez ama kutusu kadar alanı kaplar; pointer-events
     kapatılmazsa panel kapalıyken bile altındaki düğmelerin (ör. katalog
     okları) tıklanmasını ve hover almasını engeller. */
  pointer-events:none;
}
.sohbet__ac, .sohbet__cagri{pointer-events:auto}

/* --- Açma düğmesi --- */
.sohbet__ac{
  position:relative;
  width:58px; height:58px; border-radius:50%;
  background:var(--turuncu); color:#fff; border:0; cursor:pointer;
  display:grid; place-items:center;
  box-shadow:0 12px 30px -8px rgba(251,133,0,.7);
  transition:transform .3s cubic-bezier(.22,.61,.36,1), background .3s ease;
}
.sohbet__ac:hover{transform:scale(1.07)}
.sohbet__ac .kapa{display:none}
.sohbet.acik .sohbet__ac .ac{display:none}
.sohbet.acik .sohbet__ac .kapa{display:block}
.sohbet.acik .sohbet__ac{background:var(--lacivert); box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}

/* Dikkat çeken nokta */
.sohbet__nokta{
  position:absolute; top:-2px; right:-2px;
  width:14px; height:14px; border-radius:50%;
  background:#25d366; border:2px solid #fff;
}
.sohbet.acik .sohbet__nokta, .sohbet.gorulmus .sohbet__nokta{display:none}

/* Karşılama balonu */
.sohbet__cagri{
  position:absolute; right:72px; bottom:8px;
  white-space:nowrap;
  background:#fff; color:var(--lacivert);
  padding:10px 16px; border-radius:24px;
  box-shadow:0 10px 28px -12px rgba(0,0,0,.35);
  font-size:.9rem; font-weight:600;
  animation:cagriGel .5s .9s both;
}
.sohbet__cagri::after{
  content:""; position:absolute; right:-5px; bottom:14px;
  width:10px; height:10px; background:#fff; transform:rotate(45deg);
}
.sohbet__cagri button{
  position:absolute; top:-8px; right:-8px;
  width:20px; height:20px; border-radius:50%;
  background:var(--lacivert); color:#fff; border:0; cursor:pointer;
  font-size:11px; line-height:1; display:grid; place-items:center;
}
@keyframes cagriGel{from{opacity:0; transform:translateX(10px)}to{opacity:1; transform:none}}
.sohbet.acik .sohbet__cagri{display:none}

/* --- Panel --- */
.sohbet__panel{
  width:min(378px, calc(100vw - 32px));
  height:min(560px, calc(100vh - 130px));
  background:#fff;
  border-radius:14px;
  box-shadow:0 30px 70px -20px rgba(20,22,40,.5), 0 0 0 1px rgba(20,22,40,.06);
  display:flex; flex-direction:column;
  overflow:hidden;
  transform-origin:bottom right;
  opacity:0; transform:translateY(14px) scale(.96); pointer-events:none;
  transition:opacity .28s ease, transform .28s cubic-bezier(.22,.61,.36,1);
}
.sohbet.acik .sohbet__panel{opacity:1; transform:none; pointer-events:auto}

/* Başlık */
.sohbet__bas{
  display:flex; align-items:center; gap:12px;
  padding:16px 18px;
  background:var(--lacivert); color:#fff;
}
.sohbet__bas img{width:38px; height:38px; border-radius:50%; background:#fff; padding:5px; object-fit:contain}
.sohbet__bas b{display:block; font-family:"Syne",sans-serif; font-size:.98rem; line-height:1.3}
.sohbet__bas small{display:block; font-size:.75rem; color:rgba(255,255,255,.62)}
.sohbet__bas small::before{
  content:""; display:inline-block; width:7px; height:7px; border-radius:50%;
  background:#25d366; margin-right:6px; vertical-align:middle;
}
.sohbet__bas .kapat{
  margin-left:auto; width:32px; height:32px; border-radius:50%;
  background:rgba(255,255,255,.12); border:0; color:#fff; cursor:pointer;
  display:grid; place-items:center; transition:background .25s ease;
}
.sohbet__bas .kapat:hover{background:rgba(255,255,255,.24)}

/* Mesaj akışı */
.sohbet__akis{
  flex:1; overflow-y:auto; padding:18px;
  display:flex; flex-direction:column; gap:10px;
  background:#f7f6f3;
  scrollbar-width:thin;
}
.balon{
  max-width:82%; padding:11px 15px; border-radius:14px;
  font-size:.92rem; line-height:1.6;
  animation:balonGel .3s ease both;
  word-wrap:break-word;
}
@keyframes balonGel{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:none}}
.balon--bot{background:#fff; color:var(--metin); align-self:flex-start; border-bottom-left-radius:4px; box-shadow:0 2px 10px -4px rgba(20,22,40,.16)}
.balon--ben{background:var(--turuncu); color:#fff; align-self:flex-end; border-bottom-right-radius:4px}
.balon a{color:var(--turuncu); font-weight:600; text-decoration:underline}
.balon--ben a{color:#fff}
.balon strong{font-weight:700}

/* Yazıyor göstergesi */
.yaziyor{display:flex; gap:4px; align-items:center; padding:13px 16px}
.yaziyor i{width:6px; height:6px; border-radius:50%; background:#b9b8b4; animation:zipla 1.1s infinite}
.yaziyor i:nth-child(2){animation-delay:.16s}
.yaziyor i:nth-child(3){animation-delay:.32s}
@keyframes zipla{0%,60%,100%{transform:translateY(0); opacity:.5}30%{transform:translateY(-5px); opacity:1}}

/* Hazır sorular */
.sohbet__oneri{
  display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end;
  padding:0 18px 12px; background:#f7f6f3;
}
.sohbet__oneri button{
  background:#fff; border:1px solid #e2e0da; color:var(--lacivert);
  padding:8px 14px; border-radius:20px; cursor:pointer;
  font-size:.84rem; font-family:inherit;
  transition:background .22s ease, border-color .22s ease, color .22s ease;
}
.sohbet__oneri button:hover{background:var(--turuncu); border-color:var(--turuncu); color:#fff}

/* Giriş alanı */
.sohbet__giris{
  display:flex; align-items:center; gap:8px;
  padding:12px 14px; border-top:1px solid #eceae4; background:#fff;
}
.sohbet__giris input{
  flex:1; border:0; background:#f2f1ed; border-radius:22px;
  padding:12px 16px; font:inherit; font-size:.92rem; color:var(--metin);
  transition:box-shadow .22s ease;
}
.sohbet__giris input:focus{outline:0; box-shadow:0 0 0 2px rgba(251,133,0,.35)}
.sohbet__giris button{
  width:40px; height:40px; border-radius:50%; flex:0 0 40px;
  background:var(--turuncu); color:#fff; border:0; cursor:pointer;
  display:grid; place-items:center; transition:background .22s ease, transform .22s ease;
}
.sohbet__giris button:hover{background:var(--turuncu-koyu); transform:scale(1.06)}

/* Alt sekmeler */
.sohbet__sekme{
  display:grid; grid-template-columns:repeat(4,1fr);
  border-top:1px solid #eceae4; background:#fff;
}
.sohbet__sekme a, .sohbet__sekme button{
  display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:10px 4px 12px; background:none; border:0; cursor:pointer;
  color:#7a7a86; font-size:.7rem; font-family:inherit;
  transition:color .22s ease;
  position:relative;
}
.sohbet__sekme a:hover, .sohbet__sekme button:hover{color:var(--turuncu)}
.sohbet__sekme [aria-current="true"]{color:var(--turuncu)}
.sohbet__sekme [aria-current="true"]::after{
  content:""; position:absolute; left:22%; right:22%; bottom:0; height:2px; background:var(--turuncu);
}

/* Mobil */
@media (max-width:520px){
  .sohbet{right:14px; bottom:14px}
  .sohbet__panel{
    width:calc(100vw - 24px);
    height:min(72vh, calc(100vh - 110px));
  }
  .sohbet__cagri{display:none}
}
@media (prefers-reduced-motion: reduce){
  .sohbet__panel, .balon, .sohbet__cagri{transition:none; animation:none}
}