/* ═══════════════════════════════════════════════════════════════════
   BBL — HİSSE LOGOSU kutusu (bbl-logo.js) · 2026-10-27
   Ölçü: --lg (verilmezse kapsayıcının %100'ü). Harf ve logo aynı hücrede, tam ortalı.
   Çağıran yalnız kutunun dışını (ölçü, çerçeve, gölge, zemin rengi) kendi sınıfıyla verir; içe dokunmaz.
   ═══════════════════════════════════════════════════════════════════ */
.bbl-lg{
  --lg:100%;
  position:relative;
  display:inline-grid;
  place-items:center;
  width:var(--lg);
  height:var(--lg);
  aspect-ratio:1;
  flex:0 0 auto;
  border-radius:50%;
  overflow:hidden;
  container-type:size;
  background:var(--lg-zemin,#334155);
  color:var(--lg-yazi,#f1f5f9);
  line-height:1;
  vertical-align:middle;
  box-sizing:border-box;
}
.bbl-lg.bbl-lg-kare{ border-radius:18%; }
.bbl-lg > .bbl-lg-h,
.bbl-lg > .bbl-lg-i{ grid-area:1 / 1; }
.bbl-lg > .bbl-lg-h{
  display:block;
  margin:0;
  padding:0;
  font:800 38cqmin/1 'DM Sans',system-ui,sans-serif;
  letter-spacing:-0.02em;
  text-align:center;
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}
.bbl-lg > .bbl-lg-i{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:inherit;
  object-fit:cover;          /* logolar standart kare karo (scripts/logo-normalize.js) → yuvarlağı tam doldurur */
  opacity:0;
  transition:opacity .15s;
  pointer-events:none;
}
.bbl-lg.bbl-lg-ok > .bbl-lg-i{ opacity:1; }
.bbl-lg.bbl-lg-ok > .bbl-lg-h{ visibility:hidden; }
/* Mobil + Google Play: logo dosyası istenmez (bbl-logo.js); eski önbellekten kalan img olursa da görünmez */
html.mobile-device .bbl-lg > .bbl-lg-i{ display:none !important; }
html.mobile-device .bbl-lg > .bbl-lg-h{ visibility:visible !important; }