/* VolBot site asistanı (2026-10-27) — masaüstünde sağ altta pencere, ≤576px'te tam ekran */
#volbot { --vb-or: var(--primary, #f37b20); --vb-ordk: var(--primary-dk, #d4640d); --vb-navy: var(--navy, #202c5d); --vb-tx: var(--text, #1c2340);
    --vb-bd: var(--border, #e2e8f4); --vb-lt: var(--light, #f4f6fb); font-family: var(--font, "Exo", sans-serif); }
body.has-volbot #btt { bottom: 6.6rem; }

#volbot .vb-fab { position: fixed; right: 24px; bottom: 24px; z-index: 1001; height: 60px; padding: 6px 20px 6px 6px; border-radius: 999px; border: 0;
    background: linear-gradient(135deg, #f7953f, var(--vb-or) 55%, var(--vb-ordk)); color: #fff; display: flex; align-items: center; gap: 10px; cursor: pointer;
    font-family: inherit; box-shadow: 0 10px 28px rgba(243, 123, 32, .45); transition: transform .2s, box-shadow .2s, padding .2s; }
#volbot .vb-fab:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(243, 123, 32, .55); }
#volbot .vb-fab:focus-visible { outline: 3px solid var(--vb-navy); outline-offset: 3px; }
#volbot .vb-fab-ico { width: 48px; height: 48px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    position: relative; box-shadow: inset 0 0 0 2px rgba(32, 44, 93, .08); }
#volbot .vb-fab-ico::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid #fff; opacity: 0; animation: vbpulse 2.6s ease-out 1s 4; }
#volbot .vb-fab-txt { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; text-align: start; }
#volbot .vb-fab-txt b { font-size: 17px; font-weight: 800; letter-spacing: .3px; }
#volbot .vb-fab-txt small { font-size: 11.5px; opacity: .92; margin-top: 2px; white-space: nowrap; }
#volbot .vb-fab-txt small::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #3ddc84; margin-inline-end: 5px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5); vertical-align: 1px; }
#volbot .vb-mascot .vb-eyes { transform-origin: 16px 16.75px; animation: vbblink 4.5s infinite; }
#volbot .vb-mascot .vb-ant { animation: vbant 2.2s ease-in-out infinite; }
@keyframes vbblink { 0%, 92%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.1); } }
@keyframes vbant { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
@keyframes vbpulse { 0% { transform: scale(.9); opacity: .8; } 100% { transform: scale(1.35); opacity: 0; } }
#volbot.vb-open .vb-fab { width: 60px; padding: 0; justify-content: center; }
#volbot.vb-open .vb-fab-ico, #volbot.vb-open .vb-fab-txt { display: none; }
#volbot.vb-open .vb-fab::before { content: ""; width: 18px; height: 18px;
    background: no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); }
#volbot .vb-ava { background: #fff !important; }
#volbot .vb-ava .vb-mascot { width: 28px; height: 28px; }

#volbot .vb-teaser { position: fixed; right: 24px; bottom: 96px; z-index: 1001; max-width: 250px; background: #fff; color: var(--vb-tx);
    border: 1px solid var(--vb-bd); border-radius: 14px; padding: 10px 30px 10px 14px; font-size: 13.5px; line-height: 1.4; cursor: pointer;
    box-shadow: 0 10px 30px rgba(32, 44, 93, .16); opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .3s, transform .3s; }
#volbot .vb-teaser.vb-show { opacity: 1; transform: none; pointer-events: auto; }
#volbot .vb-teaser-x { position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; border: 0; background: none; color: #8892a4; cursor: pointer;
    display: flex; align-items: center; justify-content: center; }
#volbot .vb-teaser-x svg { width: 14px; height: 14px; }

#volbot .vb-panel { position: fixed; right: 24px; bottom: 96px; z-index: 1035; /* #nav 1030 üstü, çerez şeridi 1040 / offcanvas / modal altı */ width: 380px; height: min(620px, calc(100vh - 124px));
    background: #fff; border-radius: 18px; box-shadow: 0 24px 70px rgba(32, 44, 93, .28); display: flex; flex-direction: column; overflow: hidden;
    opacity: 0; transform: translateY(14px) scale(.98); pointer-events: none; visibility: hidden; transition: opacity .22s, transform .22s, visibility 0s .22s; }
#volbot.vb-open .vb-panel { opacity: 1; transform: none; pointer-events: auto; visibility: visible; transition: opacity .22s, transform .22s; }

#volbot .vb-head { display: flex; align-items: center; gap: 10px; padding: 12px 10px 12px 14px; background: var(--vb-navy); color: #fff; flex-shrink: 0; }
#volbot .vb-ava { width: 36px; height: 36px; border-radius: 50%; background: var(--vb-or); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
#volbot .vb-ttl { flex: 1; min-width: 0; line-height: 1.2; }
#volbot .vb-ttl b { display: block; font-size: 15px; letter-spacing: .2px; }
#volbot .vb-ttl small { font-size: 12px; opacity: .75; }
#volbot .vb-hbtn { width: 34px; height: 34px; border: 0; border-radius: 9px; background: transparent; color: #fff; cursor: pointer;
    display: flex; align-items: center; justify-content: center; opacity: .8; }
#volbot .vb-hbtn:hover { background: rgba(255, 255, 255, .12); opacity: 1; }

#volbot .vb-body { flex: 1; overflow-y: auto; padding: 12px 14px 6px; background: var(--vb-lt); overscroll-behavior: contain; }
#volbot .vb-notice { margin: 0 0 12px; font-size: 11.5px; line-height: 1.45; color: #6b7487; background: #fff; border: 1px dashed var(--vb-bd);
    border-radius: 10px; padding: 8px 10px; }
#volbot .vb-msg { max-width: 86%; margin: 0 0 8px; padding: 9px 12px; border-radius: 14px; font-size: 14px; line-height: 1.5; word-wrap: break-word; }
#volbot .vb-bot { background: #fff; color: var(--vb-tx); border: 1px solid var(--vb-bd); border-end-start-radius: 4px; }
#volbot .vb-me { background: var(--vb-or); color: #fff; margin-inline-start: auto; border-end-end-radius: 4px; }
#volbot .vb-bot a { color: var(--vb-ordk); text-decoration: underline; word-break: break-all; }
#volbot .vb-li { display: block; padding-inline-start: 12px; position: relative; }
#volbot .vb-li::before { content: "•"; position: absolute; inset-inline-start: 0; color: var(--vb-or); }

#volbot .vb-typing { display: inline-flex; gap: 4px; align-items: center; padding: 12px 14px; }
#volbot .vb-typing i { width: 7px; height: 7px; border-radius: 50%; background: #b8c0d0; animation: vbdot 1.2s infinite ease-in-out; }
#volbot .vb-typing i:nth-child(3) { animation-delay: .15s; } #volbot .vb-typing i:nth-child(4) { animation-delay: .3s; }
@keyframes vbdot { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
#volbot .vb-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

#volbot .vb-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 10px; }
#volbot .vb-chip { border: 1px solid var(--vb-or); color: var(--vb-ordk); background: #fff; border-radius: 16px; padding: 6px 12px; font: inherit;
    font-size: 13px; cursor: pointer; transition: background .15s; }
#volbot .vb-chip:hover { background: rgba(243, 123, 32, .08); }

#volbot .vb-fbtn { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
#volbot .vb-fbtn a { flex: 1; min-width: 80px; text-align: center; padding: 7px 8px; border-radius: 9px; background: var(--vb-navy); color: #fff !important;
    text-decoration: none !important; font-size: 13px; font-weight: 600; }
#volbot .vb-fbtn a.vb-wa { background: #1fa855; }

#volbot .vb-form { background: #fff; border: 1.5px solid var(--vb-or); border-radius: 14px; padding: 12px; margin: 0 0 10px; display: flex; flex-direction: column; gap: 7px; }
#volbot .vb-ftitle { font-size: 14px; color: var(--vb-navy); }
#volbot .vb-form input:not([type=checkbox]) { width: 100%; border: 1px solid var(--vb-bd); border-radius: 9px; padding: 9px 10px; font: inherit; font-size: 14px; color: var(--vb-tx); background: #fff; }
#volbot .vb-form input:focus { outline: none; border-color: var(--vb-or); box-shadow: 0 0 0 3px rgba(243, 123, 32, .15); }
#volbot .vb-consent { display: flex; gap: 8px; align-items: flex-start; font-size: 12px; line-height: 1.4; color: #5b6478; cursor: pointer; }
#volbot .vb-consent input { margin-top: 2px; width: 16px; height: 16px; accent-color: var(--vb-or); flex-shrink: 0; cursor: pointer; }
#volbot .vb-consent a { color: var(--vb-ordk); }
#volbot .vb-ferr { margin: 0; min-height: 0; font-size: 12px; color: #c62828; }
#volbot .vb-ferr:empty { display: none; }
#volbot .vb-fsubmit { border: 0; border-radius: 10px; padding: 10px; background: var(--vb-or); color: #fff; font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; }
#volbot .vb-fsubmit:disabled { opacity: .6; cursor: default; }

#volbot .vb-input { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--vb-bd); background: #fff; flex-shrink: 0; }
#volbot .vb-input textarea { flex: 1; resize: none; border: 1px solid var(--vb-bd); border-radius: 12px; padding: 9px 12px; font: inherit; font-size: 15px;
    line-height: 1.4; max-height: 120px; color: var(--vb-tx); background: #fff; }
#volbot .vb-input textarea:focus { outline: none; border-color: var(--vb-or); }
#volbot .vb-input textarea:disabled { background: var(--vb-lt); }
#volbot .vb-send { width: 42px; height: 42px; border-radius: 12px; border: 0; background: var(--vb-or); color: #fff; cursor: pointer; display: flex;
    align-items: center; justify-content: center; flex-shrink: 0; }
#volbot .vb-send:disabled { opacity: .45; cursor: default; }
#volbot [dir=rtl] .vb-send svg { transform: scaleX(-1); }

@media (max-width: 576px) {
    #volbot .vb-fab { right: 16px; bottom: 16px; height: 56px; padding-inline-end: 16px; }
    #volbot .vb-fab-ico { width: 44px; height: 44px; }
    #volbot .vb-fab-txt b { font-size: 16px; }
    #volbot .vb-teaser { right: 16px; bottom: 84px; max-width: calc(100vw - 32px); }
    /* tam ekran: #nav (1030) + çerez şeridi (1040) + offcanvas (1045) üstünde, gizlilik modalı (1055) altında.
       --vb-top/--vb-vh = visualViewport (volbot.js) → iOS klavye açılınca başlık ekrandan kaymaz */
    #volbot .vb-panel { inset: auto 0 auto 0; top: var(--vb-top, 0); width: 100%; height: 100vh; height: var(--vb-vh, 100dvh); border-radius: 0; z-index: 1048; }
    #volbot.vb-open .vb-fab { display: none; }
    #volbot .vb-head { padding-top: max(12px, env(safe-area-inset-top)); padding-inline-end: 8px; gap: 6px; }
    #volbot .vb-hbtn { width: 42px; height: 42px; opacity: 1; }
    #volbot .vb-close { background: rgba(255, 255, 255, .16); border-radius: 50%; }
    #volbot .vb-close svg { width: 22px; height: 22px; }
    #volbot .vb-input { padding-bottom: max(10px, env(safe-area-inset-bottom)); }
    #volbot .vb-input textarea { font-size: 16px; } /* iOS zoom engeli */
    html.vb-lock, html.vb-lock body { overflow: hidden; }
    body.has-volbot #btt { bottom: 5.6rem; right: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) { #volbot * { transition: none !important; animation: none !important; } }
#volbot .vb-riza { background: #fff; border: 1.5px solid var(--vb-or); border-radius: 14px; padding: 12px; margin: 0 0 10px; display: flex; flex-direction: column; gap: 10px; }
#volbot .vb-riza p { margin: 0; font-size: 12.5px; line-height: 1.5; color: #4a5368; }
#volbot .vb-riza a { color: var(--vb-ordk); }