/* ============================================================
   BLACKY MIXES — Section Scale Tweak Styles
   ------------------------------------------------------------
   Sound-Toggle ueber dem Video: nur EIN Button (hand-drawn
   Marker-Kante, Bebas Neue). Klick = Ton an/aus mit der im
   Backend eingestellten Lautstaerke. Kein Slider.
   ============================================================ */

.blacky-bss-sound{
  position:absolute;
  right:24px;
  z-index:1000;
  display:inline-flex;
  align-items:center;
  pointer-events:auto;
}

.blacky-bss-sound__btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 22px;
  background:rgba(10,10,12,.78);
  color:#fff;
  border:1.5px solid rgba(255,255,255,.7);
  border-radius:255px 14px 235px 14px / 14px 235px 14px 255px;
  font-family:"Bebas Neue","Inter",sans-serif;
  font-size:15px;
  letter-spacing:.22em;
  text-transform:uppercase;
  line-height:1;
  cursor:pointer;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease;
  margin:0;
}
.blacky-bss-sound__btn:hover{
  background:rgba(10,10,12,.95);
  border-color:#fff;
  transform:translateY(-2px);
}
.blacky-bss-sound__btn svg{flex:0 0 20px;display:block;}
.blacky-bss-sound__lbl{line-height:1;}

/* Active-State (Ton an): invertiert weiss */
.blacky-bss-sound.is-on .blacky-bss-sound__btn{
  background:rgba(255,255,255,.96);
  color:#0a0a0a;
  border-color:#fff;
}
.blacky-bss-sound.is-on .blacky-bss-sound__btn:hover{background:#fff;}

/* Wenn Ton an ist: visuelles Hint dass Klick irgendwo = stumm */
.pxl-section-scale:has(.blacky-bss-sound.is-on){cursor:pointer;}

/* overflow:hidden + contain:layout RAUS 2026-05-29 — hatten den GSAP-Pin
   verfaelscht. Stotage's Original-Setup hat das auch nicht. */
.pxl-section-scale .wrap-scroll-section{
  will-change: width, height, border-radius;
}

/* Mobile: kompakter, Label aus */
@media (max-width:720px){
  .blacky-bss-sound{right:12px;}
  .blacky-bss-sound__btn{padding:10px 16px;font-size:13px;}
  .blacky-bss-sound__btn .blacky-bss-sound__lbl{display:none;}
}