/* === v1.34.6 Stream Event Button Standalone Fluid Scale ===
   v1.34.4 kurulu olmasa da çalışır.
   Yayın Etkinlikleri Katıl butonu kart/görsel boyutuna göre büyür-küçülür.
   Seçili button preset renk/stilini korur; sadece ölçü/konum akışkan yapılır.
*/

/* Kartı container query için hazırlıyoruz. Destek yoksa fallback var. */
html body:not(.admin-body) main.main .stream-event-card{
  container-type:inline-size!important;
}

/* 
  Ana kural: preset CSS'lerinden daha güçlü.
  Renk/background/border/box-shadow bilinçli olarak ayarlanmıyor;
  bunlar seçili button preset'ten gelsin.
*/
html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card .stream-event-btn,
html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card a.stream-event-btn,
html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card button.stream-event-btn,
html body:not(.admin-body) main.main .stream-event-card .stream-event-btn,
html body:not(.admin-body) main.main .stream-event-card a.stream-event-btn,
html body:not(.admin-body) main.main .stream-event-card button.stream-event-btn{
  position:absolute!important;

  /* Konum da kart ölçüsüne bağlı; sabit piksel gibi davranmaz. */
  left:clamp(8px, 5.2%, 24px)!important;
  bottom:clamp(8px, 7.6%, 24px)!important;

  /* Ölçüler kart genişliğine göre akışkan. */
  width:auto!important;
  max-width:36%!important;
  min-width:clamp(54px, 8.6cqw, 116px)!important;
  min-height:clamp(24px, 4.05cqw, 44px)!important;
  height:auto!important;
  padding-inline:clamp(8px, 2.25cqw, 26px)!important;
  padding-block:0!important;

  font-size:clamp(10px, 1.56cqw, 15.5px)!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-align:center!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:8!important;
}

/* cqw desteklemeyen tarayıcı fallback */
@supports not (font-size: 1cqw){
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card .stream-event-btn,
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card a.stream-event-btn,
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card button.stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card .stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card a.stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card button.stream-event-btn{
    left:clamp(8px, 5.2%, 24px)!important;
    bottom:clamp(8px, 7.6%, 24px)!important;
    min-width:clamp(54px, 7.2vw, 116px)!important;
    min-height:clamp(24px, 2.8vw, 44px)!important;
    padding-inline:clamp(8px, 1.65vw, 26px)!important;
    font-size:clamp(10px, 1vw, 15.5px)!important;
  }
}

/* MacBook / orta desktop: kartlar daraldığı için üst sınırları biraz yumuşatıyoruz */
@media(min-width:1001px) and (max-width:1500px){
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card .stream-event-btn,
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card a.stream-event-btn,
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card button.stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card .stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card a.stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card button.stream-event-btn{
    left:clamp(8px, 4.8%, 18px)!important;
    bottom:clamp(8px, 6.8%, 18px)!important;
    min-width:clamp(58px, 7.4cqw, 92px)!important;
    min-height:clamp(25px, 3.45cqw, 36px)!important;
    padding-inline:clamp(9px, 1.9cqw, 18px)!important;
    font-size:clamp(10.5px, 1.3cqw, 13.5px)!important;
    max-width:34%!important;
  }
}

/* Tablet / dar desktop */
@media(min-width:761px) and (max-width:1200px){
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card .stream-event-btn,
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card a.stream-event-btn,
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card button.stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card .stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card a.stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card button.stream-event-btn{
    left:clamp(7px, 4.5%, 14px)!important;
    bottom:clamp(7px, 6.2%, 14px)!important;
    min-width:clamp(52px, 7.1cqw, 78px)!important;
    min-height:clamp(23px, 3.2cqw, 31px)!important;
    padding-inline:clamp(8px, 1.75cqw, 14px)!important;
    font-size:clamp(10px, 1.15cqw, 12.5px)!important;
    max-width:33%!important;
  }
}

/* Mobil: yazı alanını ezmesin diye daha küçük ama hâlâ kartla akışkan */
@media(max-width:760px){
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card .stream-event-btn,
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card a.stream-event-btn,
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card button.stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card .stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card a.stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card button.stream-event-btn{
    left:clamp(7px, 4.6%, 13px)!important;
    bottom:clamp(7px, 6.5%, 13px)!important;
    min-width:clamp(50px, 14.5cqw, 70px)!important;
    min-height:clamp(22px, 6.9cqw, 29px)!important;
    padding-inline:clamp(7px, 3.0cqw, 12px)!important;
    font-size:clamp(9.8px, 2.95cqw, 11.8px)!important;
    max-width:33%!important;
    border-radius:clamp(6px, 2.0cqw, 8px)!important;
    transform:none!important;
  }

  html body:not(.admin-body) main.main .stream-event-card .stream-event-btn:hover{
    transform:none!important;
  }
}

/* Çok dar telefon */
@media(max-width:390px){
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card .stream-event-btn,
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card a.stream-event-btn,
  html body:not(.admin-body)[class*="button-preset-"] main.main .stream-event-card button.stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card .stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card a.stream-event-btn,
  html body:not(.admin-body) main.main .stream-event-card button.stream-event-btn{
    left:clamp(6px, 4.0%, 10px)!important;
    bottom:clamp(6px, 5.5%, 10px)!important;
    min-width:clamp(47px, 13.5cqw, 62px)!important;
    min-height:clamp(21px, 6.3cqw, 26px)!important;
    padding-inline:clamp(6px, 2.6cqw, 10px)!important;
    font-size:clamp(9.2px, 2.7cqw, 10.8px)!important;
    max-width:32%!important;
  }
}