/* BilgeSınıf – Kişisel Öğrenme Arkadaşı "Bilge" (assets/js/bs-arkadas.js) */
.bsa{display:flex;align-items:flex-end;gap:10px;margin:10px 0 8px;min-width:0;font-family:inherit}
.bsa-maskot{flex:0 0 auto;width:74px;height:82px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px}
.bsa-maskot:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}
.bsa-svg{display:block;width:100%;height:100%;overflow:visible}
.bsa-balon{position:relative;flex:1 1 auto;min-width:0;min-height:62px;padding:9px 64px 10px 13px;border-radius:18px;background:#fff;border:2px solid #bae6fd;box-shadow:0 4px 0 #dbeafe,0 8px 18px #1e40af14;color:#1e3a8a}
.bsa-balon:before{content:'';position:absolute;left:-9px;bottom:16px;width:14px;height:14px;background:#fff;border-left:2px solid #bae6fd;border-bottom:2px solid #bae6fd;transform:rotate(45deg);border-radius:0 0 0 4px}
.bsa-ad{display:block;font-size:11.5px;font-weight:900;letter-spacing:.6px;color:#0e7490;text-transform:uppercase}
.bsa-metin{margin:2px 0 0;font-size:15px;line-height:1.4;font-weight:750;overflow-wrap:anywhere}
.bsa-eylem{display:flex;flex-wrap:wrap;gap:6px}
.bsa-eylemli .bsa-eylem{margin-top:7px}
.bsa-btn{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:11px;border:0;font:inherit;font-size:13.5px;font-weight:900;text-decoration:none;color:#fff;background:linear-gradient(120deg,#2563eb,#0891b2);box-shadow:0 3px 0 #1e40af;cursor:pointer}
.bsa-btn:active{transform:translateY(2px);box-shadow:none}
.bsa-arac{position:absolute;top:6px;right:6px;display:flex;gap:4px}
.bsa-mini{width:26px;height:26px;display:grid;place-items:center;padding:0;border:1px solid #dbeafe;border-radius:8px;background:#f0f9ff;color:#1e40af;font:inherit;font-size:13px;font-weight:900;cursor:pointer;line-height:1}
.bsa-mini:focus-visible,.bsa-btn:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}
.bsa-kucuk{justify-content:flex-end}
.bsa-kucuk .bsa-balon{display:none}
.bsa-kucuk .bsa-maskot{width:50px;height:56px}
.bsa-harita .bsa-maskot{width:96px;height:106px}
.bsa-harita .bsa-metin{font-size:16px}
.bsa-harita{margin:12px 0}

/* Pozlar */
.bsa .bsa-mutlu,.bsa .bsa-kirp,.bsa .bsa-agiz-ac,.bsa .bsa-kupa,.bsa .bsa-buyutec,.bsa .bsa-soru,.bsa .bsa-parilti{opacity:0;transition:opacity .2s}
.bsa .bsa-kanat,.bsa .bsa-bebek,.bsa .bsa-bas{transform-box:fill-box;transition:transform .35s cubic-bezier(.3,1.4,.6,1)}
.bsa .bsa-ks{transform-origin:80% 6%}.bsa .bsa-kd{transform-origin:20% 6%}
.bsa .bsa-bas{transform-origin:50% 90%}
.bsa[data-poz=sevinc] .bsa-gozler,.bsa[data-poz=tebrik] .bsa-gozler{opacity:0}
.bsa[data-poz=sevinc] .bsa-mutlu,.bsa[data-poz=tebrik] .bsa-mutlu,.bsa[data-poz=sevinc] .bsa-agiz-ac,.bsa[data-poz=tebrik] .bsa-agiz-ac,.bsa[data-poz=selam] .bsa-agiz-ac,
.bsa[data-poz=sevinc] .bsa-parilti,.bsa[data-poz=tebrik] .bsa-parilti,.bsa[data-poz=tebrik] .bsa-kupa,.bsa[data-poz=ipucu] .bsa-buyutec,.bsa[data-poz=dusun] .bsa-soru{opacity:1}
.bsa[data-poz=sevinc] .bsa-ks{transform:rotate(70deg)}.bsa[data-poz=sevinc] .bsa-kd{transform:rotate(-70deg)}
.bsa[data-poz=tebrik] .bsa-kd{transform:rotate(-38deg)}.bsa[data-poz=tebrik] .bsa-ks{transform:rotate(40deg)}
.bsa[data-poz=selam] .bsa-kd{transform:rotate(-55deg)}
.bsa[data-poz=ipucu] .bsa-kd{transform:rotate(-30deg)}.bsa[data-poz=ipucu] .bsa-bebek{transform:translate(2px,0)}
.bsa[data-poz=dusun] .bsa-bebek{transform:translate(-1px,-3px)}.bsa[data-poz=dusun] .bsa-bas{transform:rotate(-5deg)}

/* Sürekli hafif hareketler: nefes, göz kırpma, püskül */
.bsa .bsa-govde{animation:bsaNefes 3.4s ease-in-out infinite}
.bsa .bsa-kapak ellipse{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(0);animation:bsaGoz 5.6s infinite}
.bsa .bsa-kapak ellipse+ellipse{animation-delay:.02s}
.bsa .bsa-puskul{transform-box:fill-box;transform-origin:0 0;animation:bsaPuskul 4s ease-in-out infinite}
@keyframes bsaNefes{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.6px)}}
@keyframes bsaGoz{0%,92%,100%{transform:scaleY(0)}95%{transform:scaleY(1)}}
@keyframes bsaPuskul{0%,100%{transform:rotate(0)}50%{transform:rotate(4deg)}}

/* Olay animasyonları (her olayda bir kez) */
.bsa-anim-kutla .bsa-svg{animation:bsaZipla .9s cubic-bezier(.3,1.5,.5,1)}
.bsa-anim-kutla .bsa-ks{animation:bsaKanatS .3s ease-in-out 3 alternate}.bsa-anim-kutla .bsa-kd{animation:bsaKanatD .3s ease-in-out 3 alternate}
.bsa-anim-salla .bsa-bas{animation:bsaEgil .8s ease-in-out}
.bsa-anim-selam .bsa-kd{animation:bsaSalla .45s ease-in-out 4 alternate}
.bsa-anim-selam .bsa-svg{animation:bsaZipla .7s ease-out}
@keyframes bsaZipla{0%,100%{transform:translateY(0) scale(1)}30%{transform:translateY(-12px) scale(1.04,.97)}55%{transform:translateY(0) scale(1.03,.96)}75%{transform:translateY(-4px)}}
@keyframes bsaKanatS{from{transform:rotate(55deg)}to{transform:rotate(85deg)}}
@keyframes bsaKanatD{from{transform:rotate(-55deg)}to{transform:rotate(-85deg)}}
@keyframes bsaEgil{0%,100%{transform:rotate(0)}30%{transform:rotate(-9deg)}65%{transform:rotate(6deg)}}
@keyframes bsaSalla{from{transform:rotate(-35deg)}to{transform:rotate(-75deg)}}

/* Hareket azaltma */
.bsa-sakin *,.bsa-sakin{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){.bsa *,.bsa{animation:none!important;transition:none!important}}

@media(max-width:600px){
  .bsa{gap:7px;margin:8px 0 6px}
  .bsa-maskot{width:50px;height:56px}
  .bsa-harita .bsa-maskot{width:74px;height:82px}
  .bsa-balon{padding:6px 58px 7px 10px;min-height:48px;border-radius:15px}
  .bsa-ad{font-size:10.5px}
  .bsa-metin,.bsa-harita .bsa-metin{font-size:13.5px;line-height:1.35}
  .bsa-btn{min-height:32px;padding:5px 10px;font-size:13px}
}
/* Koyu tema */
body.theme-dark .bsa-balon{background:#13233f;border-color:#1e3a5f;color:#dbeafe;box-shadow:0 4px 0 #0b1730}
body.theme-dark .bsa-balon:before{background:#13233f;border-color:#1e3a5f}
body.theme-dark .bsa-mini{background:#0f1d36;border-color:#1e3a5f;color:#bfdbfe}
.bsa-mini[hidden]{display:none}