/*
Theme Name: Avada Child — KreativSolutions
Description: KreativSolutions child theme: KS 3D Hero element (three.js illuminated sign letters) + transparent header overlay.
Author: KreativSolutions
Template: Avada
Version: 1.0.8
Text Domain: Avada
*/

/* ---------- KS 3D Hero: header'ın arkasına kadar tam kaplama ----------
   Element bulunan sayfada body'ye .ks-has-hero eklenir (functions.php). Site Avada Header Builder kullanıyor
   (.fusion-tb-header, 2 container: top bar + logo/menü). Header akıştan çıkarılıp hero'nun üstüne bindirilir,
   container arkaplanları şeffaf, metin/ikonlar beyaz, logo beyaza çevrilir. Diğer sayfalar etkilenmez. */
/* top bar metin + ikonlar */
/* ana menü */
/* logo: beyaz versiyon (png üzerinde filter) */
/* mobil menü açılınca okunabilir kalsın */
/* sticky container varsa (Avada "Sticky Container"): yapıştığında koyu arkaplan geri gelsin */
/* Sadece hero'nun görüntülendiği genişliklerde (hero container'ı mobilde gizli: fusion-no-small-visibility) */
@media (min-width:821px){
.ks-has-hero .fusion-tb-header{position:absolute;top:0;left:0;right:0;z-index:1010}
.admin-bar.ks-has-hero .fusion-tb-header{top:32px}
@media (max-width:782px){ .admin-bar.ks-has-hero .fusion-tb-header{top:46px} }
.ks-has-hero .fusion-tb-header .fusion-fullwidth{--awb-background-color:transparent;background-color:transparent!important;background-image:none!important;border-color:transparent!important;--awb-border-color:transparent;box-shadow:none!important}
.ks-has-hero .fusion-tb-header .fusion-fullwidth::before,.ks-has-hero .fusion-tb-header .fusion-fullwidth::after{display:none}
.ks-has-hero .fusion-tb-header,.ks-has-hero .fusion-tb-header .fusion-text,.ks-has-hero .fusion-tb-header .fusion-text p,
.ks-has-hero .fusion-tb-header a:not(.fusion-button),.ks-has-hero .fusion-tb-header .fusion-li-item-content,
.ks-has-hero .fusion-tb-header .fusion-icon,.ks-has-hero .fusion-tb-header .awb-icon{color:#fff!important}
.ks-has-hero .fusion-tb-header .fusion-social-networks a{color:#fff!important;background-color:rgba(255,255,255,.12)!important;border-color:transparent!important}
.ks-has-hero .fusion-tb-header .awb-menu{--awb-color:#fff;--awb-active-color:var(--awb-color5);--awb-active-color-hover:var(--awb-color5);--awb-color-hover:var(--awb-color5)}
.ks-has-hero .fusion-tb-header .awb-menu__main-a,.ks-has-hero .fusion-tb-header .awb-menu__main-a .menu-text,
.ks-has-hero .fusion-tb-header .awb-menu__main-a .awb-menu__i-main{color:#fff!important}
.ks-has-hero .fusion-tb-header .awb-menu__main-a:hover,.ks-has-hero .fusion-tb-header .awb-menu__main-a:hover .menu-text,
.ks-has-hero .fusion-tb-header .awb-menu__main-li_current > .awb-menu__main-a,.ks-has-hero .fusion-tb-header .awb-menu__main-li_current > .awb-menu__main-a .menu-text{color:var(--awb-color5)!important}
.ks-has-hero .fusion-tb-header img.wp-image-2172{filter:brightness(0) invert(1)}
.ks-has-hero .fusion-tb-header .awb-menu__main-ul_mobile,.ks-has-hero .fusion-tb-header .awb-menu_mobile-open .awb-menu__main-ul{background:rgba(10,11,15,.96)}
.ks-has-hero .fusion-tb-header .fusion-fullwidth.awb-sticky.awb-sticky-shadow,.ks-has-hero .fusion-tb-header .fusion-fullwidth.fusion-sticky-container-active{background-color:rgba(10,11,15,.92)!important}


}
.ks-has-hero #main{padding-top:0}
/* Hero'yu saran container/kolonun boşluklarını sıfırla (elementi hangi container'a koyarsan koy tam kaplar) */
.ks-has-hero .fusion-fullwidth:has(.ks-hero){padding:0!important;margin:0!important}
.ks-has-hero .fusion-fullwidth:has(.ks-hero) .fusion-builder-row{max-width:none!important;width:100%!important}
.ks-has-hero .fusion-layout-column:has(.ks-hero){margin:0!important;width:100%!important}
.ks-has-hero .fusion-layout-column:has(.ks-hero) .fusion-column-wrapper{padding:0!important;margin:0!important}
/* Sayfada 100vw genişliğin yatay kaydırma yaratmaması için */
.ks-has-hero #wrapper{overflow-x:clip}
@media (min-width:821px){
/* Header hero'nun üstüne biniyor: yüksekliği JS ölçer (--ks-hh) → hero içi üst elemanlar ve harfler o kadar aşağı */
.ks-has-hero #hero #dn{top:calc(var(--ks-hh,150px) + 18px)}
.ks-has-hero #hero .copy{top:calc(50% + var(--ks-hh,150px) / 2)}
.ks-has-hero #hero::before{height:calc(var(--ks-hh,150px) + 90px)}
/* poster (3D öncesi görsel) da harflerle aynı miktarda aşağı kaysın: 3D'de bakış noktası header/2 kadar yukarı alınır */
.ks-has-hero #hero #poster{background-position:center calc(50% + var(--ks-hh,150px) / 2)}
}
@media (min-width:821px){
/* top bar butonları (telefon / e-posta): beyaz kutu yerine şeffaf, beyaz yazı */
.ks-has-hero .fusion-tb-header .fusion-builder-row-1 .fusion-button{--awb-bg-color:transparent;--awb-bg-color-hover:rgba(255,255,255,.1);--awb-text-color:#fff;--awb-text-color-hover:#fff;--awb-border-color:transparent;--awb-border-color-hover:rgba(255,255,255,.35);background:transparent!important;color:#fff!important;box-shadow:none!important}
.ks-has-hero .fusion-tb-header .fusion-builder-row-1 .fusion-button .fusion-button-text,.ks-has-hero .fusion-tb-header .fusion-builder-row-1 .fusion-button i{color:#fff!important}
.ks-has-hero .fusion-tb-header .fusion-column-has-shadow{box-shadow:none!important}
.ks-has-hero .fusion-tb-header .fusion-column-wrapper,.ks-has-hero .fusion-tb-header .fusion-layout-column{--awb-bg-color:transparent;background:transparent!important}
/* logo: alternatif seçiciler (id değişirse) */
.ks-has-hero .fusion-tb-header .imageframe-1 img,.ks-has-hero .fusion-tb-header img[src*="/logo."]{filter:brightness(0) invert(1)}
}