/* === v1.42.3 Home Hero Clean Mobile Text + Fixed Button === */
/*
  Mobilde yazıların arkasındaki kutu/çerçeve iptal.
  X/Y kaydırma butonu değil sadece metinleri hareket ettirir.
*/

/* Overlay/text container kendi başına kutu gibi görünmesin */
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-mobile-title{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Clone veya h1 etrafına eski hotfix'ten gelen panel/stroke varsa temizle */
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-mobile-title,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-highlight,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-eyebrow,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy p{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/*
  Ana mantık:
  Önce parent overlay'in offset transform'unu sıfırla.
  Sonra offset'i sadece metin elemanlarına ver.
  Böylece buton sabit kalır.
*/
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-bottom,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-center,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-top,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-center,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-bottom,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-center{
  transform:none!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-badge,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .tag,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-eyebrow,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-mobile-title,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-highlight,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy p{
  transform:translate(
    calc(var(--kb-hero-offset-x, 0) * 1px),
    calc(var(--kb-hero-offset-y, 0) * 1px)
  )!important;
}

/* Buton hiçbir offset almasın */
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-btn,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .btn{
  transform:none!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-btn:hover,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .btn:hover{
  transform:none!important;
}

/* Mobilde metin offset'i daha yumuşak olsun ama buton yine sabit kalsın */
@media(max-width:900px){
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-bottom,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-center,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-top,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-center,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-bottom,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-center{
    transform:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-badge,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .tag,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-eyebrow,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-mobile-title,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-highlight,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy p{
    transform:translate(
      clamp(-22px, calc(var(--kb-hero-offset-x, 0) * .45px), 22px),
      clamp(-28px, calc(var(--kb-hero-offset-y, 0) * .45px), 28px)
    )!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-btn,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .btn,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .kb-hero-btn:hover,
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .btn:hover{
    transform:none!important;
  }

  /*
    Mobil başlık clone sadece yazı gibi davransın.
    Çerçeve/kutu yok.
  */
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-mobile-title{
    display:block!important;
    width:auto!important;
    max-width:min(13.4em, calc(100vw - 64px))!important;
    padding:0!important;
    margin:0!important;
    color:#fff!important;
    text-shadow:0 14px 36px rgba(0,0,0,.62),0 2px 0 rgba(0,0,0,.22)!important;
  }
}

/* Eğer önceki clone h1'i gizlediyse, iki başlık üst üste binmesin diye mobilde h1 yerine clone kalsın. */
@media(max-width:900px){
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy:has(.kb-hero-mobile-title) h1{
    display:none!important;
  }
}

/* :has desteklemeyen eski tarayıcılar için h1 görünür kalsa da kutu olmayacak; clone da kutusuz. */