/* === v1.41.6 Home Hero Text Overlay === */
/*
  Metinsiz banner görseli + site tarafı canlı hero yazısı.
  Önceki hero CSS'leri h1/p sakladığı için bu dosya son katman olarak gelir.
*/

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-card,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-slide{
  isolation:isolate!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-shade{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 20% 76%, rgba(0,0,0,calc((var(--kb-hero-overlay,55) / 100) * .62)), transparent 45%),
    linear-gradient(90deg, rgba(0,0,0,calc((var(--kb-hero-overlay,55) / 100) * .72)) 0%, rgba(0,0,0,calc((var(--kb-hero-overlay,55) / 100) * .38)) 42%, rgba(0,0,0,calc((var(--kb-hero-overlay,55) / 100) * .10)) 100%)!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy{
  position:absolute!important;
  z-index:5!important;
  inset:auto!important;
  width:min(78%, 560px)!important;
  max-width:560px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:9px!important;
  padding:0!important;
  pointer-events:auto!important;
  font-family:var(--kb-site-font, Manrope, Inter, Arial, sans-serif)!important;
  text-align:left!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-bottom{left:22px!important;bottom:22px!important}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-center{left:22px!important;top:50%!important;transform:translateY(-50%)!important}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-top{left:22px!important;top:22px!important}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;align-items:center!important;text-align:center!important}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-bottom{right:22px!important;bottom:22px!important;align-items:flex-end!important;text-align:right!important}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-center{right:22px!important;top:50%!important;transform:translateY(-50%)!important;align-items:flex-end!important;text-align:right!important}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-badge,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .tag{
  position:static!important;
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 2px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
  color:#06202d!important;
  background:linear-gradient(135deg,#33d8ff,#ffcf54)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  pointer-events:auto!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-eyebrow{
  display:block!important;
  font-size:clamp(11px, .78vw, 13px)!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#62e6ff!important;
  text-shadow:0 8px 22px rgba(0,0,0,.45)!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1{
  display:block!important;
  margin:0!important;
  padding:0!important;
  max-width:100%!important;
  font-family:var(--kb-site-font, Manrope, Inter, Arial, sans-serif)!important;
  font-size:clamp(24px, 3.35vw, 54px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  font-weight:1000!important;
  color:#ffffff!important;
  text-wrap:balance!important;
  text-shadow:0 14px 36px rgba(0,0,0,.62),0 2px 0 rgba(0,0,0,.22)!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-copy h1,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-slide .kb-hero-copy h1{
  font-size:clamp(20px, 2.45vw, 38px)!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-highlight{
  display:block!important;
  margin:0!important;
  max-width:100%!important;
  font-size:clamp(18px, 2.15vw, 34px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  font-weight:1000!important;
  color:#ffd76d!important;
  text-wrap:balance!important;
  text-shadow:0 12px 32px rgba(0,0,0,.58)!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-highlight,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-slide .kb-hero-highlight{
  font-size:clamp(16px, 1.55vw, 26px)!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy p{
  display:block!important;
  margin:2px 0 0!important;
  max-width:42em!important;
  font-family:var(--kb-site-font, Manrope, Inter, Arial, sans-serif)!important;
  font-size:clamp(12px, .95vw, 15px)!important;
  line-height:1.45!important;
  letter-spacing:-.01em!important;
  font-weight:800!important;
  color:rgba(236,248,255,.88)!important;
  text-shadow:0 10px 28px rgba(0,0,0,.55)!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-btn,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy .btn{
  position:static!important;
  display:inline-flex!important;
  width:max-content!important;
  margin:5px 0 0!important;
  pointer-events:auto!important;
  box-shadow:0 16px 32px rgba(0,0,0,.24),0 0 26px rgba(24,200,245,.12)!important;
}

/* Theme variants */
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-gold h1,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-gold .kb-hero-highlight{color:#ffd76d!important}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-cyan h1{color:#e8fbff!important}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-cyan .kb-hero-highlight{color:#43dcff!important}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-dark h1,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-dark .kb-hero-highlight,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-dark p{color:#07131c!important;text-shadow:0 10px 26px rgba(255,255,255,.38)!important}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.theme-dark .kb-hero-eyebrow{color:#075e78!important;text-shadow:none!important}

@media(max-width:900px){
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy{
    left:18px!important;
    right:auto!important;
    bottom:18px!important;
    top:auto!important;
    transform:none!important;
    width:calc(100% - 36px)!important;
    max-width:none!important;
    align-items:flex-start!important;
    text-align:left!important;
    gap:7px!important;
  }
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1{
    font-size:clamp(24px, 7.2vw, 42px)!important;
  }
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-copy h1{
    font-size:clamp(21px, 6.4vw, 34px)!important;
  }
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-highlight{
    font-size:clamp(17px, 5.2vw, 28px)!important;
  }
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy p{
    font-size:13px!important;
    max-width:34em!important;
  }
}


/* === v1.41.7 Home Hero Text Size Offset === */
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-bottom{
  transform:translate(var(--kb-copy-x,0px), var(--kb-copy-y,0px))!important;
}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-center{
  transform:translate(var(--kb-copy-x,0px), calc(-50% + var(--kb-copy-y,0px)))!important;
}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-left-top{
  transform:translate(var(--kb-copy-x,0px), var(--kb-copy-y,0px))!important;
}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-center{
  transform:translate(calc(-50% + var(--kb-copy-x,0px)), calc(-50% + var(--kb-copy-y,0px)))!important;
}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-bottom{
  transform:translate(var(--kb-copy-x,0px), var(--kb-copy-y,0px))!important;
}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy.pos-right-center{
  transform:translate(var(--kb-copy-x,0px), calc(-50% + var(--kb-copy-y,0px)))!important;
}

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1{
  font-size:calc(clamp(24px, 3.35vw, 54px) * var(--kb-title-scale,1))!important;
}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-copy h1,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-slide .kb-hero-copy h1{
  font-size:calc(clamp(20px, 2.45vw, 38px) * var(--kb-title-scale,1))!important;
}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-highlight{
  font-size:calc(clamp(18px, 2.15vw, 34px) * var(--kb-highlight-scale,1))!important;
}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-highlight,
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-slide .kb-hero-highlight{
  font-size:calc(clamp(16px, 1.55vw, 26px) * var(--kb-highlight-scale,1))!important;
}
body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy p{
  font-size:calc(clamp(12px, .95vw, 15px) * var(--kb-desc-scale,1))!important;
}

@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:translate(var(--kb-copy-x,0px), var(--kb-copy-y,0px))!important;
  }
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy h1{
    font-size:calc(clamp(24px, 7.2vw, 42px) * var(--kb-title-scale,1))!important;
  }
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .hero-slider .kb-hero-copy h1{
    font-size:calc(clamp(21px, 6.4vw, 34px) * var(--kb-title-scale,1))!important;
  }
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-highlight{
    font-size:calc(clamp(17px, 5.2vw, 28px) * var(--kb-highlight-scale,1))!important;
  }
  body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-copy p{
    font-size:calc(13px * var(--kb-desc-scale,1))!important;
  }
}
