/* Canlı destek / yapay zeka asistanı — logo paleti: koyu lacivert → mavi → açık mor-mavi */
.chatw {
    position:fixed; right:22px; bottom:22px; z-index:9999;
    font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --cw-1:#000B3B;
    --cw-2:#1E3AF5;
    --cw-3:#A8BEFF;
    --cw-grad:linear-gradient(135deg, var(--cw-1) 0%, var(--cw-2) 58%, var(--cw-3) 130%);
    --cw-bg:#F5F7FE;
    --cw-card:#fff;
    --cw-line:#E4E9F7;
    --cw-ink:#1E293B;
    --cw-muted:#7A8496;
}

/* ---- Açma düğmesi ------------------------------------------------------- */
.chatw-launch { position:relative; width:62px; height:62px; border:0; border-radius:50%; cursor:pointer;
    background:var(--cw-grad); color:#fff; box-shadow:0 14px 34px -10px rgba(30,58,245,.65), inset 0 1px 0 rgba(255,255,255,.25);
    display:grid; place-items:center; transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s; }
.chatw-launch:hover { transform:translateY(-3px) scale(1.05); box-shadow:0 18px 40px -10px rgba(30,58,245,.7), inset 0 1px 0 rgba(255,255,255,.25); }
.chatw-launch:focus-visible { outline:3px solid var(--cw-3); outline-offset:3px; }
.chatw-launch::after { content:''; position:absolute; inset:-5px; border-radius:50%; border:2px solid rgba(30,58,245,.3); animation:cw-pulse 2.6s ease-out infinite; }
@keyframes cw-pulse { 0% { transform:scale(.9); opacity:.7; } 70% { transform:scale(1.28); opacity:0; } 100% { opacity:0; } }
.chatw.is-open .chatw-launch::after { display:none; }
.chatw-launch-ico, .chatw-launch-close { position:absolute; width:26px; height:26px; transition:opacity .25s, transform .3s cubic-bezier(.22,1,.36,1); }
.chatw-launch-close { opacity:0; transform:rotate(-90deg) scale(.5); }
.chatw.is-open .chatw-launch-ico { opacity:0; transform:rotate(90deg) scale(.5); }
.chatw.is-open .chatw-launch-close { opacity:1; transform:none; }

/* ---- Panel ---------------------------------------------------------------- */
.chatw-panel { position:absolute; right:0; bottom:78px; width:390px; max-width:calc(100vw - 44px);
    background:var(--cw-card); border-radius:24px; overflow:hidden; outline:none;
    border:1px solid rgba(30,58,245,.08);
    box-shadow:0 30px 80px -20px rgba(10,20,60,.38), 0 2px 8px rgba(10,20,60,.06);
    display:flex; flex-direction:column; max-height:min(640px, calc(100vh - 130px));
    transform-origin:100% 100%; animation:chatw-in .32s cubic-bezier(.22,1,.36,1); }
@keyframes chatw-in { from { opacity:0; transform:translateY(16px) scale(.94); } to { opacity:1; transform:none; } }

.chatw-head { position:relative; display:flex; align-items:center; gap:12px; padding:18px 18px 18px; color:#fff; background:var(--cw-grad); overflow:hidden; }
.chatw-head::before { content:''; position:absolute; right:-40px; top:-60px; width:180px; height:180px; border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.22), transparent 70%); pointer-events:none; }
.chatw-head-ico { position:relative; display:grid; place-items:center; width:44px; height:44px; border-radius:14px;
    background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.28); flex:none; }
.chatw-head-ico svg { width:22px; height:22px; }
.chatw-online { position:absolute; right:-3px; bottom:-3px; width:12px; height:12px; border-radius:50%; background:#22C55E; border:2px solid #1E3AF5;
    box-shadow:0 0 0 0 rgba(34,197,94,.6); animation:cw-online 2s infinite; }
@keyframes cw-online { 70% { box-shadow:0 0 0 7px rgba(34,197,94,0); } 100% { box-shadow:0 0 0 0 rgba(34,197,94,0); } }
.chatw-head-txt { position:relative; flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.chatw-head-title { display:flex; align-items:center; gap:8px; font-weight:700; font-size:15.5px; letter-spacing:-.01em; }
.chatw-ai { display:inline-flex; align-items:center; gap:4px; padding:2px 8px 2px 6px; border-radius:99px;
    background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.3); font-size:10.5px; font-weight:700; letter-spacing:.02em; }
.chatw-ai svg { width:11px; height:11px; }
.chatw-head-sub { font-size:12px; opacity:.85; }
.chatw-close { position:relative; border:0; background:rgba(255,255,255,.14); color:#fff; cursor:pointer; width:34px; height:34px; border-radius:50%;
    display:grid; place-items:center; transition:background .2s, transform .2s; }
.chatw-close:hover { background:rgba(255,255,255,.26); transform:rotate(90deg); }
.chatw-close svg { width:17px; height:17px; }

/* ---- Mesaj alanı ---------------------------------------------------------- */
.chatw-body { flex:1; overflow-y:auto; overscroll-behavior:contain; padding:16px; display:flex; flex-direction:column; gap:10px; min-height:200px;
    background:radial-gradient(rgba(30,58,245,.07) 1px, transparent 1px) 0 0 / 16px 16px, var(--cw-bg); }
.chatw-hello { display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:8px 12px 6px; }
.chatw-hello-ico { display:grid; place-items:center; width:52px; height:52px; border-radius:18px; margin-bottom:6px; color:#fff;
    background:var(--cw-grad); box-shadow:0 12px 26px -10px rgba(30,58,245,.6); animation:cw-float 3.4s ease-in-out infinite; }
.chatw-hello-ico svg { width:24px; height:24px; }
@keyframes cw-float { 50% { transform:translateY(-4px); } }
.chatw-hello strong { font-size:15px; color:var(--cw-ink); letter-spacing:-.01em; }
.chatw-hello small { font-size:12.5px; color:var(--cw-muted); line-height:1.5; }

.chatw-msg { position:relative; max-width:84%; padding:10px 14px 8px; border-radius:18px; font-size:13.5px; line-height:1.55; white-space:pre-wrap; word-break:break-word;
    animation:cw-msg .3s cubic-bezier(.22,1,.36,1); }
@keyframes cw-msg { from { opacity:0; transform:translateY(8px) scale(.97); } to { opacity:1; transform:none; } }
.chatw-bot { align-self:flex-start; background:var(--cw-card); color:var(--cw-ink); border:1px solid var(--cw-line); border-bottom-left-radius:6px; box-shadow:0 2px 6px rgba(10,20,60,.05); }
.chatw-me { align-self:flex-end; background:var(--cw-grad); color:#fff; border-bottom-right-radius:6px; box-shadow:0 8px 18px -10px rgba(30,58,245,.7); }
.chatw-agent { align-self:flex-start; background:#EEF2FF; color:#111A2E; border:1px solid #D6DEFF; border-bottom-left-radius:6px; }
.chatw-sys { align-self:center; max-width:100%; background:none; color:var(--cw-muted); font-size:11.5px; text-align:center; padding:2px 6px; animation:none; }
.chatw-time { display:block; margin-top:3px; font-size:10.5px; text-align:right; opacity:.55; white-space:nowrap; }

.chatw-msg-btns { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; white-space:normal; }
.chatw-msg-btn { display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:10px; font-size:12px; font-weight:600;
    text-decoration:none; color:#fff; background:var(--cw-2); transition:transform .15s, opacity .15s; }
.chatw-msg-btn:hover { opacity:.92; transform:translateY(-1px); }
.chatw-msg-btn.is-telegram { background:#2AABEE; }
.chatw-msg-btn.is-whatsapp { background:#25D366; }
.chatw-msg-btn.is-mail { background:#111A2E; }
/* Açılış sayfası düzeninde `body.lp-page a { color: inherit }` yukarıdaki
   beyaz yazıyı eziyor ve koyu düğme koyu yazıyla okunmaz hâle geliyor.
   Seçiciyi sınıfa bağlayıp özgüllüğü yükseltiyoruz. */
.chatw a.chatw-msg-btn, .chatw a.chatw-msg-btn:hover,
.chatw a.chatw-chan, .chatw a.chatw-chan:hover,
.chatw a.chatw-mailbtn, .chatw a.chatw-mailbtn:hover { color:#fff; }

.chatw-typing { display:inline-flex; gap:4px; align-items:center; padding:13px 15px; }
.chatw-typing i { width:7px; height:7px; border-radius:50%; background:#94A3B8; animation:chatw-blink 1.2s infinite ease-in-out; }
.chatw-typing i:nth-child(2) { animation-delay:.2s; }
.chatw-typing i:nth-child(3) { animation-delay:.4s; }
@keyframes chatw-blink { 0%,80%,100% { opacity:.3; transform:translateY(0); } 40% { opacity:1; transform:translateY(-3px); } }

/* ---- Sık sorulanlar: başlık + alt alta tüm sorular (açılır/kapanır) ------- */
.chatw-qrs { background:var(--cw-card); border-top:1px solid var(--cw-line); }
.chatw-qrs-head { display:flex; align-items:center; gap:8px; width:100%; padding:10px 14px 8px; border:0; background:none; cursor:pointer; text-align:left; }
.chatw-qrs-title { display:flex; align-items:center; gap:6px; font-size:11px; font-weight:700; color:var(--cw-muted); text-transform:uppercase; letter-spacing:.05em; }
.chatw-qrs-title svg { width:13px; height:13px; color:var(--cw-2); }
.chatw-qrs-count { display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:99px; font-size:10.5px; font-weight:800; color:#fff; background:var(--cw-2); }
.chatw-qrs-chev { margin-left:auto; display:inline-flex; width:16px; height:16px; color:var(--cw-muted); transition:transform .25s; }
.chatw-qrs-chev svg { width:100%; height:100%; }
.chatw-qrs.is-collapsed .chatw-qrs-chev { transform:rotate(-90deg); }
.chatw-qrs-list { display:flex; flex-direction:column; gap:6px; padding:0 12px 12px; max-height:290px; overflow-y:auto; overscroll-behavior:contain;
    transition:max-height .3s ease, padding .3s ease, opacity .2s; }
.chatw-qrs.is-collapsed .chatw-qrs-list { max-height:0; padding-bottom:0; opacity:0; overflow:hidden; }
.chatw-qr { display:flex; align-items:center; gap:10px; width:100%; padding:9px 10px; border:1px solid var(--cw-line); border-radius:12px;
    background:var(--cw-card); color:var(--cw-ink, #0F172A); font-size:13px; font-weight:600; line-height:1.35; text-align:left; cursor:pointer;
    transition:border-color .15s, background .15s, transform .15s; opacity:0; transform:translateY(4px); animation:chatwQrIn .35s ease forwards; }
.chatw-qr:nth-child(2) { animation-delay:.04s; } .chatw-qr:nth-child(3) { animation-delay:.08s; } .chatw-qr:nth-child(4) { animation-delay:.12s; }
.chatw-qr:nth-child(5) { animation-delay:.16s; } .chatw-qr:nth-child(6) { animation-delay:.2s; } .chatw-qr:nth-child(n+7) { animation-delay:.24s; }
@keyframes chatwQrIn { to { opacity:1; transform:none; } }
.chatw-qr:hover, .chatw-qr:focus-visible { border-color:var(--cw-2); background:rgba(37,99,235,.06); outline:none; }
.chatw-qr.is-asked { border-color:var(--cw-2); }
.chatw-qr-num { display:inline-grid; place-items:center; width:22px; height:22px; flex:none; border-radius:7px; font-size:11px; font-weight:800; color:var(--cw-2); background:rgba(37,99,235,.10); }
.chatw-qr-tx { flex:1; min-width:0; }
.chatw-qr-go { display:inline-flex; width:14px; height:14px; flex:none; color:var(--cw-2); opacity:.5; transition:transform .15s, opacity .15s; }
.chatw-qr-go svg { width:100%; height:100%; }
.chatw-qr:hover .chatw-qr-go { opacity:1; transform:translateX(2px); }
@media (prefers-reduced-motion: reduce) { .chatw-qr { animation:none; opacity:1; transform:none; } }

.chatw-channels { display:flex; gap:8px; padding:10px 14px; background:var(--cw-card); flex-wrap:wrap; border-top:1px solid var(--cw-line); }
.chatw-chan { display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:10px; font-size:12.5px; font-weight:600;
    color:#fff; text-decoration:none; transition:opacity .15s, transform .15s; }
.chatw-chan svg { width:16px; height:16px; }
.chatw-chan:hover { opacity:.92; transform:translateY(-1px); }
.chatw-chan.is-wa { background:#25D366; }
.chatw-chan.is-tg { background:#2AABEE; }
.chatw-chan.is-mail { background:#111A2E; }

/* ---- Yazma alanı ---------------------------------------------------------- */
.chatw-input { padding:10px 14px 12px; background:var(--cw-card); border-top:1px solid var(--cw-line); }
.chatw-field { display:flex; align-items:center; gap:6px; padding:5px 5px 5px 16px; border-radius:99px; background:var(--cw-bg);
    border:1.5px solid #E1E6F5; transition:border-color .2s, box-shadow .2s; }
.chatw-field:focus-within { border-color:var(--cw-2); box-shadow:0 0 0 4px rgba(30,58,245,.1); }
.chatw-field input { flex:1; min-width:0; border:0; background:transparent; padding:8px 0; font-size:14px; outline:none; color:var(--cw-ink); }
.chatw-field button { width:40px; height:40px; flex:none; border:0; border-radius:50%; background:var(--cw-grad); color:#fff; cursor:pointer;
    display:grid; place-items:center; transition:transform .2s cubic-bezier(.22,1,.36,1), opacity .2s, filter .2s; }
.chatw-field button:hover:not(:disabled) { transform:scale(1.08) rotate(-8deg); }
.chatw-field button:disabled { cursor:default; filter:grayscale(1); opacity:.4; }
.chatw-field button svg { width:18px; height:18px; }
.chatw-foot { display:flex; align-items:center; justify-content:center; gap:5px; margin:8px 0 0; font-size:11px; color:var(--cw-muted); text-align:center; }
.chatw-foot svg { width:12px; height:12px; flex:none; color:#22C55E; }

.chatw-mailonly { display:flex; flex-direction:column; gap:10px; padding:16px; background:var(--cw-card); border-top:1px solid var(--cw-line); }
.chatw-mailonly > span { display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--cw-muted); }
.chatw-mailonly svg { width:15px; height:15px; }
.chatw-mailbtn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px;
    background:var(--cw-grad); color:#fff; font-size:14px; font-weight:700; text-decoration:none; }

/* Yanıtı veren destek temsilcisi */
.chatw-msg-agent { display:flex; align-items:center; gap:7px; margin-bottom:5px; font-size:12px; color:#5B6577; }
.chatw-msg-agent img { width:22px; height:22px; border-radius:50%; object-fit:cover; flex:none; }
.chatw-msg-agent b { font-weight:700; }

/* ---- Karanlık tema ------------------------------------------------------ */
:root[data-theme="dark"] .chatw { --cw-bg:#0F1220; --cw-card:#141726; --cw-line:#262B40; --cw-ink:#E9EDF8; --cw-muted:#8C93A8; }
:root[data-theme="dark"] .chatw-panel { border-color:#262B40; }
:root[data-theme="dark"] .chatw-agent { background:#1B2140; color:#E9EDF8; border-color:#2B3358; }
:root[data-theme="dark"] .chatw-qr { border-color:#2B3150; color:#E2E8F0; }
:root[data-theme="dark"] .chatw-qr:hover { background:rgba(147,174,255,.08); border-color:#4F6BD8; }
:root[data-theme="dark"] .chatw-field { border-color:#2B3150; }
:root[data-theme="dark"] .chatw-msg-agent { color:#A9B2C6; }

/* ---- Mobil ---------------------------------------------------------------- */
/* Mobilde alt menü var: balon onun üstünde dursun (üye tarafıyla aynı ölçü) */
@media (max-width:900px) {
    .chatw { bottom:104px; }
}
@media (max-width:600px) {
    .chatw { right:14px; bottom:104px; }
    /* Panel alttan açılan tam ekran sayfa olur; kapatma başlıktaki düğmeyle */
    .chatw-panel { position:fixed; left:0; right:0; bottom:0; top:max(env(safe-area-inset-top, 0px), 18px);
        width:100%; max-width:none; max-height:none; border-radius:24px 24px 0 0;
        padding-bottom:env(safe-area-inset-bottom, 0px); transform-origin:50% 100%;
        animation:chatw-up .36s cubic-bezier(.22,1,.36,1); }
    @keyframes chatw-up { from { transform:translateY(40px); opacity:0; } to { transform:none; opacity:1; } }
    .chatw.is-open .chatw-launch { opacity:0; pointer-events:none; transform:scale(.6); }
    .chatw-head { padding-top:16px; }
    .chatw-head::after { content:''; position:absolute; left:50%; top:6px; width:38px; height:4px; margin-left:-19px; border-radius:4px; background:rgba(255,255,255,.4); }
    /* 16px altı yazı iOS'ta odaklanınca sayfayı yakınlaştırıyor */
    .chatw-field input { font-size:16px; }
}
html.chatw-lock, html.chatw-lock body { overflow:hidden; }

@media (prefers-reduced-motion: reduce) {
    .chatw-launch::after, .chatw-online, .chatw-hello-ico, .chatw-msg, .chatw-panel { animation:none; }
}

/* Sık sorulanlar açıkken panel taşmasın: başlık, soru alanı ve yazma alanı
   sıkışmaz; boşluk gerekirse mesaj alanından ve soru listesinden alınır. */
.chatw-panel > * { flex-shrink:0; }
.chatw-panel > .chatw-body { flex:1 1 auto; flex-shrink:1; min-height:110px; }
.chatw-qrs-list { max-height:min(290px, 30vh); }
@media (max-height:700px) { .chatw-qrs-list { max-height:min(220px, 26vh); } }

/* ---- Başlık: destek temsilcileri (üst üste binen fotoğraflar) ----------- */
.chatw-head--team { align-items:center; padding:16px 16px 16px 18px; }
.chatw-team { position:relative; display:flex; align-items:center; flex:none; padding-left:6px; }
.chatw-agent { position:relative; width:42px; height:42px; margin-left:-12px; border-radius:50%; flex:none; cursor:default; outline:none;
    border:2.5px solid rgba(255,255,255,.95); background:rgba(255,255,255,.2); box-shadow:0 6px 14px -6px rgba(0,0,0,.45);
    transition:transform .25s cubic-bezier(.22,1,.36,1), z-index 0s; animation:chatwAgentIn .45s cubic-bezier(.34,1.56,.64,1) both; }
.chatw-agent:first-child { margin-left:0; }
.chatw-agent:nth-child(2) { animation-delay:.06s; } .chatw-agent:nth-child(3) { animation-delay:.12s; } .chatw-agent:nth-child(4) { animation-delay:.18s; }
@keyframes chatwAgentIn { from { opacity:0; transform:translateX(-8px) scale(.8); } }
.chatw-agent img { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.chatw-agent-ini { display:grid; place-items:center; width:100%; height:100%; border-radius:50%; font-size:15px; font-weight:800; color:#fff;
    background:linear-gradient(135deg, #60A5FA, #1E40AF); }
.chatw-agent:hover, .chatw-agent:focus-visible { transform:translateY(-3px) scale(1.08); z-index:3; }
.chatw-agent .chatw-online { right:-1px; bottom:-1px; }
/* Ad · unvan balonu */
.chatw-agent::after { content:attr(data-tip); position:absolute; left:50%; top:calc(100% + 8px); transform:translate(-50%, -4px); white-space:nowrap;
    padding:6px 10px; border-radius:9px; background:#0F172A; color:#fff; font-size:12px; font-weight:600; letter-spacing:0;
    opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s, transform .18s, visibility .18s; z-index:5; }
.chatw-agent:hover::after, .chatw-agent:focus-visible::after { opacity:1; visibility:visible; transform:translate(-50%, 0); }
.chatw-head--team .chatw-head { overflow:visible; }
.chatw-head--team { overflow:visible; }
.chatw-head-eta { display:inline-flex; align-items:center; gap:5px; margin-top:3px; font-size:11.5px; opacity:.85; }
.chatw-head-eta svg { width:12px; height:12px; flex:none; }
@media (prefers-reduced-motion: reduce) { .chatw-agent { animation:none; } }
.chatw-head--team { z-index:3; }
/* Balon sola hizalı: ilk fotoğrafta panel kenarından taşmasın */
.chatw-agent::after { left:-4px; transform:translate(0, -4px); }
.chatw-agent:hover::after, .chatw-agent:focus-visible::after { transform:translate(0, 0); }