/* İletişim Butonları (Webonya) – ön yüz */
.wib-float{position:fixed;bottom:var(--wib-bottom,22px);z-index:99990;display:flex;flex-direction:column;gap:12px;font-family:inherit;line-height:1.2;pointer-events:none}
.wib-float *{box-sizing:border-box}
.wib-side-right{right:var(--wib-offset,22px);align-items:flex-end}
.wib-side-left{left:var(--wib-offset,22px);align-items:flex-start}

/* Ziyaretçi / üye görünürlüğü */
.wib-float.wib-is-guest .wib-btn[data-aud="member"],
.wib-float.wib-is-member .wib-btn[data-aud="guest"]{display:none!important}

.wib-float .wib-btn{pointer-events:auto;position:relative;display:flex;align-items:center;gap:10px;padding:11px 18px 11px 11px;margin:0;border:0;border-radius:var(--wib-radius,14px);text-decoration:none!important;font-size:15px;font-weight:600;letter-spacing:.2px;white-space:nowrap;overflow:hidden;cursor:pointer;box-shadow:none;transition:transform .3s ease,filter .3s ease;-webkit-tap-highlight-color:transparent}
.wib-float .wib-btn:hover,.wib-float .wib-btn:focus{transform:translateY(-2px);filter:brightness(1.06);text-decoration:none!important}
.wib-float .wib-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.wib-float .wib-btn:active{transform:scale(.98)}

.wib-shine .wib-btn::after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-20deg);animation:wib-shine 7s ease-in-out infinite;pointer-events:none}
.wib-enter .wib-btn{opacity:0;transform:translateX(40px);animation-name:wib-slide;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards}
.wib-side-left.wib-enter .wib-btn{transform:translateX(-40px)}

.wib-ico{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:calc(var(--wib-radius,14px) - 4px);background:rgba(255,255,255,.16)}
.wib-ico svg{width:21px;height:21px;fill:currentColor;display:block}
.wib-tx{display:flex;flex-direction:column;line-height:1.15;text-align:left;color:inherit}
.wib-tx small{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;opacity:.85;margin:0}
.wib-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;animation:wib-breathe 2.6s ease-in-out infinite}

/* Yuvarlak (bubble) */
.wib-float .wib-btn.wib-round{width:58px;height:58px;padding:0;border-radius:50%;justify-content:center;overflow:visible}
.wib-round .wib-ico{background:none;width:auto;height:auto}
.wib-round .wib-ico svg{width:28px;height:28px}
.wib-round::after{border-radius:50%}
.wib-rdot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;animation:wib-breathe 2.6s ease-in-out infinite}

/* Karşılama balonu */
.wib-bubble{pointer-events:none;position:relative;max-width:260px;background:#fff;color:#1d2433;padding:12px 34px 12px 14px;border:1px solid #e3e8f0;border-radius:14px 14px 4px 14px;font-size:13.5px;font-weight:400;line-height:1.45;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;white-space:normal}
.wib-side-left .wib-bubble{border-radius:14px 14px 14px 4px}
.wib-bubble.wib-show{opacity:1;transform:none;pointer-events:auto}
.wib-bubble-close{position:absolute;top:6px;right:8px;border:0;background:none;padding:0;margin:0;font-size:18px;line-height:1;color:#999;cursor:pointer}
.wib-bubble-close:hover{color:#333;background:none}
.wib-typing{display:inline-flex;gap:3px;vertical-align:middle}
.wib-typing i{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:wib-dots 1s infinite}
.wib-typing i:nth-child(2){animation-delay:.15s}.wib-typing i:nth-child(3){animation-delay:.3s}

/* Video penceresi */
.wib-modal{position:fixed;inset:0;z-index:999999;background:rgba(5,12,30,.78);display:flex;align-items:center;justify-content:center;padding:16px;animation:wib-fade .3s}
.wib-modal-box{position:relative;width:100%;max-width:880px;aspect-ratio:16/9;background:#000;border-radius:14px}
.wib-modal-box iframe,.wib-modal-box video{width:100%;height:100%;border:0;border-radius:14px;display:block}
.wib-modal-close{position:absolute;top:-46px;right:0;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#111;font-size:22px;line-height:1;cursor:pointer;padding:0}
html.wib-modal-open{overflow:hidden}

@keyframes wib-shine{0%,60%{left:-75%}100%{left:130%}}
@keyframes wib-breathe{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
@keyframes wib-slide{to{opacity:1;transform:none}}
@keyframes wib-dots{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes wib-fade{from{opacity:0}to{opacity:1}}

/* Mobil */
@media (max-width:767px){
  .wib-float{gap:9px;bottom:max(14px,calc(var(--wib-bottom,22px) * .65))}
  .wib-side-right{right:max(10px,calc(var(--wib-offset,22px) * .55))}
  .wib-side-left{left:max(10px,calc(var(--wib-offset,22px) * .55))}
  .wib-float .wib-btn{font-size:13.5px;padding:9px 14px 9px 9px;gap:8px}
  .wib-ico{width:31px;height:31px}
  .wib-ico svg{width:18px;height:18px}
  .wib-tx small{font-size:10px}
  .wib-hidesub .wib-tx small{display:none}
  .wib-float .wib-btn.wib-round{width:50px;height:50px;padding:0}
  .wib-round .wib-ico svg{width:24px;height:24px}
  .wib-bubble{max-width:220px;font-size:12.5px}
  .wib-hide-mobile{display:none!important}
}
@media (min-width:768px){.wib-hide-desktop{display:none!important}}
@media (prefers-reduced-motion:reduce){
  .wib-float .wib-btn,.wib-float .wib-btn::after,.wib-dot,.wib-rdot{animation:none!important;opacity:1!important;transform:none!important}
}
@media print{.wib-float{display:none!important}}