/* === v1.42.6 Home Hero Desktop Offset + Mobile Safe + Highlight Color === */
/*
  Desktop:
  - X/Y kaydırma çalışır.
  - Buton ters transform ile sabit kalır.

  Mobile:
  - X/Y kaydırma uygulanmaz.
  - Mobil düzgün hali korunur.
  - Buton hareket etmez.

  Highlight:
  - Vurgulu satır rengi --kb-highlight-color ile panelden gelir.
*/

body:not(.admin-body) .hero-showcase.kb-home-hero-overlay .kb-hero-highlight{
  color:var(--kb-highlight-color,#ffd76d)!important;
}

/* Desktop offset only */
@media (min-width: 901px){
  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 .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:translate(
      calc(var(--kb-copy-x,0px) * -1),
      calc(var(--kb-copy-y,0px) * -1)
    )!important;
  }
}

/* Mobile ignores panel X/Y offset */
@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-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;
  }

  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;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}