/* === v1.34.7 Stream Event Button Desktop Balance ===
   v1.34.6 desktopta butonu fazla küçülttüğü için denge düzeltmesi.
   Geniş ekranda normal, MacBook'ta orta, mobilde kompakt akışkan.
*/

/* Base: desktop comfortable size. Renk/stil preset'ten gelir. */
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;
  left:clamp(16px, 4.2%, 24px)!important;
  bottom:clamp(16px, 6.2%, 24px)!important;

  width:auto!important;
  min-width:clamp(92px, 8.5vw, 126px)!important;
  max-width:42%!important;
  min-height:clamp(38px, 3.2vw, 46px)!important;
  height:auto!important;

  padding-inline:clamp(18px, 1.9vw, 28px)!important;
  padding-block:0!important;

  font-size:clamp(13.5px, 1.08vw, 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;
}

/* Large desktop: closer to original image-only button size */
@media(min-width:1501px){
  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:22px!important;
    bottom:22px!important;
    min-width:116px!important;
    min-height:44px!important;
    padding-inline:26px!important;
    font-size:15.5px!important;
    max-width:42%!important;
  }
}

/* MacBook / medium desktop: smaller than desktop, but not tiny */
@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(14px, 4.6%, 20px)!important;
    bottom:clamp(13px, 6.4%, 19px)!important;
    min-width:clamp(82px, 7.5vw, 104px)!important;
    min-height:clamp(34px, 2.9vw, 40px)!important;
    padding-inline:clamp(15px, 1.65vw, 22px)!important;
    font-size:clamp(12.5px, .98vw, 14px)!important;
    max-width:38%!important;
  }
}

/* Tablet / narrow desktop */
@media(min-width:761px) and (max-width:1000px){
  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(11px, 4.2%, 16px)!important;
    bottom:clamp(10px, 5.8%, 15px)!important;
    min-width:clamp(70px, 10vw, 88px)!important;
    min-height:clamp(30px, 4.2vw, 36px)!important;
    padding-inline:clamp(12px, 2.1vw, 17px)!important;
    font-size:clamp(11.5px, 1.45vw, 13px)!important;
    max-width:36%!important;
  }
}

/* Mobile: compact, image text'i ezmesin */
@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(8px, 4.7%, 13px)!important;
    bottom:clamp(8px, 6.2%, 13px)!important;
    min-width:clamp(56px, 15vw, 74px)!important;
    min-height:clamp(24px, 7vw, 30px)!important;
    padding-inline:clamp(8px, 3.2vw, 12px)!important;
    font-size:clamp(10px, 3vw, 12px)!important;
    max-width:34%!important;
    border-radius:clamp(6px, 2vw, 8px)!important;
    transform:none!important;
  }

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

/* Very small phones */
@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:7px!important;
    bottom:7px!important;
    min-width:52px!important;
    min-height:23px!important;
    padding-inline:8px!important;
    font-size:10px!important;
    max-width:32%!important;
  }
}