/* ═══════════════════════════════════════════════════════════════════
   İLETİŞİM BALONU — üçüncü taraf yok.

   Intercom/Crisp/Tawk gibi bir widget takmak, sitenin CSP'sini
   (default-src 'none') delmek ve ziyaretçinin IP adresini o firmaya
   göndermek demekti. Google Fonts'u tam da bu yüzden kaldırmıştık.
   Bu yüzden aynı görünüm kendi kodumuzla, dış bağlantı olmadan yapıldı.

   Gerçek bir sohbet botu da bilerek yok: bir ceza avukatlığı sitesinde
   otomatik cevap veren bir kutu, hukuki tavsiye üretme riski taşır ve
   TBB açısından savunulamaz. Balon konuşmaz — WhatsApp'a ve telefona
   götürür.

   Masaüstünde görünür. Mobilde zaten alt çağrı çubuğu (.actionbar /
   .abar, z-70) aynı işi yapıyor; balon hem çakışır hem tekrar olurdu.
   ═══════════════════════════════════════════════════════════════════ */

.sohbet{position:fixed;right:22px;bottom:22px;z-index:65;
  display:none;flex-direction:column;align-items:flex-end;gap:12px;
  font-family:Figtree,-apple-system,'Segoe UI',system-ui,sans-serif}
@media (min-width:900px){ .sohbet{display:flex} }
@media print{ .sohbet{display:none !important} }

/* ── kart ────────────────────────────────────────────────────────── */
.sohbet__kart{position:relative;width:330px;max-width:calc(100vw - 44px);
  padding:20px 20px 18px;border-radius:16px;
  background:var(--ink);color:#fff;
  box-shadow:0 18px 44px -14px rgba(0,0,0,.5);
  opacity:0;transform:translateY(10px) scale(.98);pointer-events:none;
  transition:opacity .22s ease,transform .22s cubic-bezier(.22,.61,.36,1),visibility 0s .22s;
  visibility:hidden}
.sohbet[data-acik="1"] .sohbet__kart{opacity:1;transform:none;pointer-events:auto;
  visibility:visible;transition:opacity .22s ease,transform .22s cubic-bezier(.22,.61,.36,1),visibility 0s}

.sohbet__ust{display:flex;align-items:flex-start;gap:13px}
.sohbet__isaret{flex:none;width:34px;height:34px;border-radius:9px;
  background:rgba(255,255,255,.12);display:grid;place-items:center}
.sohbet__isaret svg{width:19px;height:19px;color:#fff}
.sohbet__ad{margin:0;font-size:15.5px;font-weight:600;line-height:1.3}
.sohbet__alt{margin:2px 0 0;font-size:12.5px;color:rgba(255,255,255,.6)}

.sohbet__metin{margin:14px 0 0;font-size:14.5px;line-height:1.55;
  color:rgba(255,255,255,.86)}

.sohbet__eylem{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.sohbet__eylem a{display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;border-radius:8px;font-size:14.5px;font-weight:600;
  text-decoration:none;transition:background-color .16s}
.sohbet__eylem svg{width:16px;height:16px;flex:none}
.sohbet__wa{background:var(--wa);color:#05291A}
.sohbet__wa:hover{background:#1FBE5B}
.sohbet__tel{background:#fff;color:var(--ink)}
.sohbet__tel:hover{background:#EDEDEE}

.sohbet__not{margin:12px 0 0;font-size:11.5px;line-height:1.5;
  color:rgba(255,255,255,.5)}

.sohbet__kapat{position:absolute;top:9px;right:9px;width:30px;height:30px;
  display:grid;place-items:center;border:0;border-radius:8px;cursor:pointer;
  background:transparent;color:rgba(255,255,255,.55)}
.sohbet__kapat:hover{background:rgba(255,255,255,.12);color:#fff}
.sohbet__kapat svg{width:14px;height:14px}

/* ── balon ───────────────────────────────────────────────────────── */
.sohbet__dugme{position:relative;width:58px;height:58px;flex:none;
  border:0;border-radius:50%;cursor:pointer;background:var(--ink);color:#fff;
  display:grid;place-items:center;
  box-shadow:0 10px 26px -8px rgba(0,0,0,.5);
  transition:transform .18s cubic-bezier(.22,.61,.36,1),background-color .16s}
.sohbet__dugme:hover{transform:scale(1.06);background:#000}
.sohbet__dugme svg{width:25px;height:25px}
.sohbet__rozet{position:absolute;top:-3px;right:-3px;min-width:21px;height:21px;
  padding:0 5px;border-radius:11px;background:var(--wa);color:#05291A;
  font-size:12px;font-weight:600;display:grid;place-items:center;
  border:2px solid var(--bg)}
.sohbet[data-acik="1"] .sohbet__rozet{display:none}

@media (prefers-reduced-motion:reduce){
  .sohbet__kart,.sohbet__dugme{transition:none}
  .sohbet__dugme:hover{transform:none}
}
