/* ==========================================================================
   Balcı teması — sayfada gezen arılar (madde 8b)
   Davranış: assets/js/ari.js (katmanı ve arıları JS kurar; tema t50 '0' ise dosya hiç yüklenmez)
   Katman: position:fixed, pointer-events:none, z-index 5 → header (900), menü (950), açılırlar (960-1020),
           çark/asistan/mini sepet (9998+) hepsinin ALTINDA kalır; sayfa içeriğinin (z auto) üstünde uçar.
   Hareket: konum JS (transform: translate + rotate, requestAnimationFrame) · kanat çırpma CSS keyframes (.12s)
   prefers-reduced-motion: katman tamamen gizli (JS de kurmaz — çift emniyet).
   ========================================================================== */

.bpb-ari-katman {
  position: fixed; inset: 0; z-index: 5;
  overflow: hidden; pointer-events: none;
  contain: strict;
}

.bpb-ari {
  position: absolute; top: 0; left: 0;
  width: 30px; height: auto;
  opacity: 0;
  will-change: transform;
  transform: translate3d(-100px, -100px, 0);
}
.bpb-ari.is-ucuyor { opacity: 1; }

.bpb-ari__svg { display: block; width: 100%; height: auto; overflow: visible; }
/* Uçuş yönü sola ise gövde aynalanır (dış eleman JS'in translate/rotate'ini taşır; aynalama iç grupta) */
.bpb-ari__ic { transform-box: fill-box; transform-origin: 50% 50%; }
.bpb-ari.is-sol .bpb-ari__ic { transform: scaleX(-1); }

/* Renkler: tasarım token'ları */
.bpb-ari__govde { fill: var(--bpb-hero-btn); stroke: var(--bpb-hero-text); stroke-width: 1.5; }
.bpb-ari__serit { fill: var(--bpb-hero-text); }
.bpb-ari__bas { fill: var(--bpb-hero-text); }
.bpb-ari__goz { fill: var(--bpb-surface); }
.bpb-ari__anten { fill: none; stroke: var(--bpb-hero-text); stroke-width: 1.6; stroke-linecap: round; }
.bpb-ari__anten-uc { fill: var(--bpb-hero-text); }
.bpb-ari__igne { fill: var(--bpb-hero-text); }
.bpb-ari__kanat { fill: var(--bpb-surface); fill-opacity: .72; stroke: var(--bpb-hero-text); stroke-opacity: .55; stroke-width: 1; }

/* Kanat çırpma: kök noktasından (kanadın alt ucu) rotateX + hafif basıklık; yalnız uçarken */
.bpb-ari__kanat { transform-box: fill-box; transform-origin: 50% 100%; }
.bpb-ari.is-ucuyor .bpb-ari__kanat--on { animation: bpbAriKanat .12s ease-in-out infinite alternate; }
.bpb-ari.is-ucuyor .bpb-ari__kanat--arka { animation: bpbAriKanat .12s ease-in-out infinite alternate; animation-delay: .06s; }
@keyframes bpbAriKanat {
  from { transform: rotateX(0deg) scaleY(1); }
  to   { transform: rotateX(62deg) scaleY(.55); }
}

/* Küçük ekran: 22px; üçüncü arı gizli (JS de uçurmaz) */
@media (max-width: 767px) {
  .bpb-ari { width: 22px; }
  .bpb-ari:nth-child(n+3) { display: none; }
}

/* Hareket azaltma: arılar hiç yok */
@media (prefers-reduced-motion: reduce) {
  .bpb-ari-katman { display: none !important; }
}