/* === v1.33.7 Button Preset Library ===
   Admin panelden seçilen button preset public sitedeki genel butonlara uygulanır.
   Admin panel butonları etkilenmez; sadece preview kartları ayrıca stillenir.
*/

:root{
  --kb-button-font:-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* Public target list */
body:not(.admin-body)[class*="button-preset-"] .btn:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] button.btn:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] a.btn:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] .green:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] button.green:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] .market-order-btn:not(.danger):not(.ghost),
body:not(.admin-body)[class*="button-preset-"] .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview .kb-button-preview{
  appearance:none!important;
  border:0!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-family:var(--kb-button-font)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.1!important;
  min-height:42px!important;
  padding:0 18px!important;
  text-align:center!important;
  text-decoration:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:manipulation!important;
  white-space:nowrap!important;
  transition:all .18s ease!important;
}

/* Disabled common */
body:not(.admin-body)[class*="button-preset-"] .btn[disabled],
body:not(.admin-body)[class*="button-preset-"] button[disabled],
body:not(.admin-body)[class*="button-preset-"] .market-order-btn[disabled]{
  opacity:.62!important;
  cursor:not-allowed!important;
  transform:none!important;
  filter:grayscale(.15)!important;
}

/* Button 5 - friendly green 3D */
body.button-preset-button-5 .btn:not(.danger):not(.ghost),
body.button-preset-button-5 button.btn:not(.danger):not(.ghost),
body.button-preset-button-5 a.btn:not(.danger):not(.ghost),
body.button-preset-button-5 .green:not(.danger):not(.ghost),
body.button-preset-button-5 button.green:not(.danger):not(.ghost),
body.button-preset-button-5 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-5 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-5 .kb-button-preview{
  background:#58cc02!important;
  color:#fff!important;
  border-radius:16px!important;
  border:0 solid transparent!important;
  border-bottom:4px solid #46a302!important;
  box-shadow:0 2px 0 rgba(0,0,0,.12)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12)!important;
}
body.button-preset-button-5 .btn:hover,
body.button-preset-button-5 .green:hover,
body.button-preset-button-5 .market-order-btn:hover,
body.button-preset-button-5 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-5 .kb-button-preview:hover{
  filter:brightness(1.05)!important;
  transform:translateY(-1px)!important;
}

/* Button 19 - modern dark outline/glow */
body.button-preset-button-19 .btn:not(.danger):not(.ghost),
body.button-preset-button-19 button.btn:not(.danger):not(.ghost),
body.button-preset-button-19 a.btn:not(.danger):not(.ghost),
body.button-preset-button-19 .green:not(.danger):not(.ghost),
body.button-preset-button-19 button.green:not(.danger):not(.ghost),
body.button-preset-button-19 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-19 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-19 .kb-button-preview{
  background:#111827!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:8px!important;
  box-shadow:rgba(255,255,255,.06) 0 1px 0 inset, rgba(0,0,0,.25) 0 8px 18px!important;
}
body.button-preset-button-19 .btn:hover,
body.button-preset-button-19 .green:hover,
body.button-preset-button-19 .market-order-btn:hover,
body.button-preset-button-19 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-19 .kb-button-preview:hover{
  box-shadow:rgba(25,200,245,.20) 0 0 0 3px, rgba(0,0,0,.30) 0 12px 26px!important;
}

/* Button 22 - blue pill */
body.button-preset-button-22 .btn:not(.danger):not(.ghost),
body.button-preset-button-22 button.btn:not(.danger):not(.ghost),
body.button-preset-button-22 a.btn:not(.danger):not(.ghost),
body.button-preset-button-22 .green:not(.danger):not(.ghost),
body.button-preset-button-22 button.green:not(.danger):not(.ghost),
body.button-preset-button-22 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-22 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-22 .kb-button-preview{
  background:#405cf5!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:rgba(50,50,93,.18) 0 10px 18px -6px, rgba(0,0,0,.22) 0 6px 12px -8px!important;
}
body.button-preset-button-22 .btn:hover,
body.button-preset-button-22 .green:hover,
body.button-preset-button-22 .market-order-btn:hover,
body.button-preset-button-22 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-22 .kb-button-preview:hover{
  background:#3349d8!important;
  transform:translateY(-1px)!important;
}

/* Button 24 - white minimal */
body.button-preset-button-24 .btn:not(.danger):not(.ghost),
body.button-preset-button-24 button.btn:not(.danger):not(.ghost),
body.button-preset-button-24 a.btn:not(.danger):not(.ghost),
body.button-preset-button-24 .green:not(.danger):not(.ghost),
body.button-preset-button-24 button.green:not(.danger):not(.ghost),
body.button-preset-button-24 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-24 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-24 .kb-button-preview{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #d5d9e2!important;
  border-radius:8px!important;
  box-shadow:rgba(0,0,0,.08) 0 2px 5px!important;
}
body.button-preset-button-24 .btn:hover,
body.button-preset-button-24 .green:hover,
body.button-preset-button-24 .market-order-btn:hover,
body.button-preset-button-24 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-24 .kb-button-preview:hover{
  background:#f7f8fb!important;
  box-shadow:rgba(0,0,0,.12) 0 5px 12px!important;
}

/* Button 27 - orange 3D CTA */
body.button-preset-button-27 .btn:not(.danger):not(.ghost),
body.button-preset-button-27 button.btn:not(.danger):not(.ghost),
body.button-preset-button-27 a.btn:not(.danger):not(.ghost),
body.button-preset-button-27 .green:not(.danger):not(.ghost),
body.button-preset-button-27 button.green:not(.danger):not(.ghost),
body.button-preset-button-27 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-27 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-27 .kb-button-preview{
  background:#ff7a1a!important;
  color:#fff!important;
  border-radius:10px!important;
  border-bottom:4px solid #c94b05!important;
  box-shadow:rgba(255,122,26,.28) 0 12px 22px!important;
  text-shadow:0 1px 0 rgba(0,0,0,.16)!important;
}
body.button-preset-button-27 .btn:hover,
body.button-preset-button-27 .green:hover,
body.button-preset-button-27 .market-order-btn:hover,
body.button-preset-button-27 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-27 .kb-button-preview:hover{
  background:#ff8a2f!important;
  transform:translateY(-1px)!important;
}

/* Button 29 - cyan neon */
body.button-preset-button-29 .btn:not(.danger):not(.ghost),
body.button-preset-button-29 button.btn:not(.danger):not(.ghost),
body.button-preset-button-29 a.btn:not(.danger):not(.ghost),
body.button-preset-button-29 .green:not(.danger):not(.ghost),
body.button-preset-button-29 button.green:not(.danger):not(.ghost),
body.button-preset-button-29 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-29 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-29 .kb-button-preview{
  background:linear-gradient(180deg,#20e3ff,#0797cf)!important;
  color:#fff!important;
  border-radius:8px!important;
  border:1px solid rgba(190,248,255,.40)!important;
  box-shadow:0 0 0 1px rgba(25,200,245,.10) inset, 0 12px 28px rgba(25,200,245,.22)!important;
}
body.button-preset-button-29 .btn:hover,
body.button-preset-button-29 .green:hover,
body.button-preset-button-29 .market-order-btn:hover,
body.button-preset-button-29 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-29 .kb-button-preview:hover{
  box-shadow:0 0 18px rgba(25,200,245,.55), 0 12px 28px rgba(25,200,245,.28)!important;
}

/* Button 36 - purple soft */
body.button-preset-button-36 .btn:not(.danger):not(.ghost),
body.button-preset-button-36 button.btn:not(.danger):not(.ghost),
body.button-preset-button-36 a.btn:not(.danger):not(.ghost),
body.button-preset-button-36 .green:not(.danger):not(.ghost),
body.button-preset-button-36 button.green:not(.danger):not(.ghost),
body.button-preset-button-36 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-36 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-36 .kb-button-preview{
  background:#7c3aed!important;
  color:#fff!important;
  border-radius:12px!important;
  box-shadow:rgba(124,58,237,.30) 0 12px 26px!important;
}
body.button-preset-button-36 .btn:hover,
body.button-preset-button-36 .green:hover,
body.button-preset-button-36 .market-order-btn:hover,
body.button-preset-button-36 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-36 .kb-button-preview:hover{
  background:#6d28d9!important;
  transform:translateY(-1px)!important;
}

/* Button 62 - user supplied coral gradient */
body.button-preset-button-62 .btn:not(.danger):not(.ghost),
body.button-preset-button-62 button.btn:not(.danger):not(.ghost),
body.button-preset-button-62 a.btn:not(.danger):not(.ghost),
body.button-preset-button-62 .green:not(.danger):not(.ghost),
body.button-preset-button-62 button.green:not(.danger):not(.ghost),
body.button-preset-button-62 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-62 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-62 .kb-button-preview{
  background:linear-gradient(to bottom right,#EF4765,#FF9A5A)!important;
  border-radius:12px!important;
  color:#fff!important;
  font-weight:700!important;
  line-height:2.5!important;
  box-shadow:none!important;
}
body.button-preset-button-62 .btn:hover,
body.button-preset-button-62 .btn:focus,
body.button-preset-button-62 .green:hover,
body.button-preset-button-62 .market-order-btn:hover,
body.button-preset-button-62 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-62 .kb-button-preview:hover{
  box-shadow:0 0 .25rem rgba(0,0,0,.5), -.125rem -.125rem 1rem rgba(239,71,101,.5), .125rem .125rem 1rem rgba(255,154,90,.5)!important;
}

/* Button 63 - warm yellow/orange */
body.button-preset-button-63 .btn:not(.danger):not(.ghost),
body.button-preset-button-63 button.btn:not(.danger):not(.ghost),
body.button-preset-button-63 a.btn:not(.danger):not(.ghost),
body.button-preset-button-63 .green:not(.danger):not(.ghost),
body.button-preset-button-63 button.green:not(.danger):not(.ghost),
body.button-preset-button-63 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-63 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-63 .kb-button-preview{
  background:linear-gradient(135deg,#facc15,#fb923c)!important;
  color:#1f1300!important;
  border-radius:999px!important;
  box-shadow:rgba(250,204,21,.26) 0 12px 26px!important;
  font-weight:900!important;
}
body.button-preset-button-63 .btn:hover,
body.button-preset-button-63 .green:hover,
body.button-preset-button-63 .market-order-btn:hover,
body.button-preset-button-63 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-63 .kb-button-preview:hover{
  filter:brightness(1.06)!important;
  transform:translateY(-1px)!important;
}

/* Button 64 - glass cyan */
body.button-preset-button-64 .btn:not(.danger):not(.ghost),
body.button-preset-button-64 button.btn:not(.danger):not(.ghost),
body.button-preset-button-64 a.btn:not(.danger):not(.ghost),
body.button-preset-button-64 .green:not(.danger):not(.ghost),
body.button-preset-button-64 button.green:not(.danger):not(.ghost),
body.button-preset-button-64 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-64 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-64 .kb-button-preview{
  background:rgba(25,200,245,.14)!important;
  color:#dffbff!important;
  border:1px solid rgba(25,200,245,.45)!important;
  border-radius:12px!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 10px 24px rgba(25,200,245,.12)!important;
}
body.button-preset-button-64 .btn:hover,
body.button-preset-button-64 .green:hover,
body.button-preset-button-64 .market-order-btn:hover,
body.button-preset-button-64 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-64 .kb-button-preview:hover{
  background:rgba(25,200,245,.22)!important;
  box-shadow:0 0 18px rgba(25,200,245,.30)!important;
}

/* Button 86 - black/gold premium */
body.button-preset-button-86 .btn:not(.danger):not(.ghost),
body.button-preset-button-86 button.btn:not(.danger):not(.ghost),
body.button-preset-button-86 a.btn:not(.danger):not(.ghost),
body.button-preset-button-86 .green:not(.danger):not(.ghost),
body.button-preset-button-86 button.green:not(.danger):not(.ghost),
body.button-preset-button-86 .market-order-btn:not(.danger):not(.ghost),
body.button-preset-button-86 .stream-event-btn:not(.danger):not(.ghost),
.button-preset-preview.button-preset-button-86 .kb-button-preview{
  background:linear-gradient(180deg,#1c1c1c,#050505)!important;
  color:#ffd84a!important;
  border:1px solid rgba(255,216,74,.42)!important;
  border-radius:10px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.button-preset-button-86 .btn:hover,
body.button-preset-button-86 .green:hover,
body.button-preset-button-86 .market-order-btn:hover,
body.button-preset-button-86 .stream-event-btn:hover,
.button-preset-preview.button-preset-button-86 .kb-button-preview:hover{
  box-shadow:0 0 20px rgba(255,216,74,.26), 0 12px 28px rgba(0,0,0,.36)!important;
  transform:translateY(-1px)!important;
}

/* Mobile common */
@media(max-width:760px){
  body:not(.admin-body)[class*="button-preset-"] .btn:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] button.btn:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] a.btn:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] .green:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] button.green:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] .market-order-btn:not(.danger):not(.ghost),
  body:not(.admin-body)[class*="button-preset-"] .stream-event-btn:not(.danger):not(.ghost){
    font-size:14px!important;
    min-height:40px!important;
    padding:0 14px!important;
  }
}

/* Admin preview UI */
.button-preset-admin-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:12px;
  margin:16px 0;
}
.button-preset-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border:1px solid rgba(45,180,220,.18);
  border-radius:16px;
  background:rgba(0,18,28,.34);
}
.button-preset-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.button-preset-card.is-active,
.button-preset-card:has(input:checked){
  border-color:rgba(25,200,245,.55);
  box-shadow:0 0 0 2px rgba(25,200,245,.12);
}
.button-preset-label{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.button-preset-label strong{color:#fff;font-size:14px;}
.button-preset-label span{color:rgba(190,220,232,.68);font-size:12px;}
.kb-button-preview{pointer-events:none;}


/* === v1.34.0 Admin Button Preset Preview FORCE ===
   Admin paneldeki önizleme butonlarının düz beyaz görünmesini kesin olarak düzeltir.
*/

html body .admin-main .button-preset-preview .kb-button-preview{
  appearance:none!important;
  border:0!important;
  cursor:default!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:110px!important;
  min-height:42px!important;
  padding:0 18px!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  opacity:1!important;
  filter:none!important;
}

/* Button 5 */
html body .admin-main .button-preset-preview.button-5 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-5 .kb-button-preview{
  background:#58cc02!important;
  color:#fff!important;
  border-radius:16px!important;
  border:0!important;
  border-bottom:4px solid #46a302!important;
  box-shadow:0 2px 0 rgba(0,0,0,.12)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12)!important;
}

/* Button 19 */
html body .admin-main .button-preset-preview.button-19 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-19 .kb-button-preview{
  background:#111827!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:8px!important;
  box-shadow:rgba(255,255,255,.06) 0 1px 0 inset, rgba(0,0,0,.25) 0 8px 18px!important;
}

/* Button 22 */
html body .admin-main .button-preset-preview.button-22 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-22 .kb-button-preview{
  background:#405cf5!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:rgba(50,50,93,.18) 0 10px 18px -6px, rgba(0,0,0,.22) 0 6px 12px -8px!important;
}

/* Button 24 */
html body .admin-main .button-preset-preview.button-24 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-24 .kb-button-preview{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #d5d9e2!important;
  border-radius:8px!important;
  box-shadow:rgba(0,0,0,.08) 0 2px 5px!important;
}

/* Button 27 */
html body .admin-main .button-preset-preview.button-27 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-27 .kb-button-preview{
  background:#ff7a1a!important;
  color:#fff!important;
  border-radius:10px!important;
  border:0!important;
  border-bottom:4px solid #c94b05!important;
  box-shadow:rgba(255,122,26,.28) 0 12px 22px!important;
  text-shadow:0 1px 0 rgba(0,0,0,.16)!important;
}

/* Button 29 */
html body .admin-main .button-preset-preview.button-29 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-29 .kb-button-preview{
  background:linear-gradient(180deg,#20e3ff,#0797cf)!important;
  color:#fff!important;
  border-radius:8px!important;
  border:1px solid rgba(190,248,255,.40)!important;
  box-shadow:0 0 0 1px rgba(25,200,245,.10) inset, 0 12px 28px rgba(25,200,245,.22)!important;
}

/* Button 36 */
html body .admin-main .button-preset-preview.button-36 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-36 .kb-button-preview{
  background:#7c3aed!important;
  color:#fff!important;
  border-radius:12px!important;
  box-shadow:rgba(124,58,237,.30) 0 12px 26px!important;
}

/* Button 62 */
html body .admin-main .button-preset-preview.button-62 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-62 .kb-button-preview{
  background:linear-gradient(to bottom right,#EF4765,#FF9A5A)!important;
  border-radius:12px!important;
  color:#fff!important;
  font-weight:800!important;
  line-height:2.5!important;
  box-shadow:none!important;
}

/* Button 63 */
html body .admin-main .button-preset-preview.button-63 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-63 .kb-button-preview{
  background:linear-gradient(135deg,#facc15,#fb923c)!important;
  color:#1f1300!important;
  border-radius:999px!important;
  box-shadow:rgba(250,204,21,.26) 0 12px 26px!important;
  font-weight:900!important;
}

/* Button 64 */
html body .admin-main .button-preset-preview.button-64 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-64 .kb-button-preview{
  background:rgba(25,200,245,.14)!important;
  color:#dffbff!important;
  border:1px solid rgba(25,200,245,.45)!important;
  border-radius:12px!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 10px 24px rgba(25,200,245,.12)!important;
}

/* Button 86 */
html body .admin-main .button-preset-preview.button-86 .kb-button-preview,
html body .admin-main .button-preset-preview.button-preset-button-86 .kb-button-preview{
  background:linear-gradient(180deg,#1c1c1c,#050505)!important;
  color:#ffd84a!important;
  border:1px solid rgba(255,216,74,.42)!important;
  border-radius:10px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

html body .admin-main .button-preset-preview .kb-button-preview:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
}