/* ========================================================================== Avelkon 2026 — Header Hedef: hero ile bütünleşen sessiz koyu bir yüzey. Avada'nın header satır yapısına dokunulmaz (position değiştirilmez); yalnızca renk, ağırlık ve scroll davranışı yeniden tanımlanır. ========================================================================== */ /* --------------------------------------------------------------- ÜST SERVİS BARI */ /* Doygun altın bant sayfanın en yüksek sesli öğesiydi ve şablon hissi veriyordu. */ .fusion-secondary-header{ background-color:var(--av-ink-900)!important; border-bottom:1px solid rgba(255,255,255,.08); font-size:var(--av-fs-xs)!important; font-weight:400!important; letter-spacing:.02em; } .fusion-secondary-header, .fusion-secondary-header a, .fusion-secondary-header .fusion-contact-info, .fusion-secondary-header .fusion-alignleft, .fusion-secondary-header .fusion-alignright, .fusion-secondary-header .fusion-social-links-header{ color:rgba(242,241,238,.66)!important; font-weight:400!important; } .fusion-secondary-header a{ transition:color var(--av-dur) var(--av-ease); } .fusion-secondary-header a:hover{ color:var(--av-brand)!important; } /* --------------------------------------------------------------- ANA HEADER */ .fusion-header, .fusion-header-wrapper .fusion-header, .fusion-sticky-header-wrapper .fusion-header{ background-color:var(--av-ink-900)!important; border-bottom:1px solid rgba(255,255,255,.08); transition:background-color var(--av-dur) var(--av-ease), box-shadow var(--av-dur) var(--av-ease); } /* Menü tipografisi — açık renk, sessiz */ .fusion-main-menu > ul > li > a, .fusion-main-menu > ul > li > a .menu-text{ color:rgba(242,241,238,.82)!important; font-weight:500!important; transition:color var(--av-dur) var(--av-ease); } .fusion-main-menu > ul > li > a:hover .menu-text, .fusion-main-menu > ul > li.current-menu-item > a .menu-text, .fusion-main-menu > ul > li.current_page_item > a .menu-text{ color:var(--av-brand)!important; } .fusion-main-menu .fusion-icon, .fusion-header .fusion-icon, .fusion-header .awb-menu__m-toggle, .fusion-mobile-nav-holder > a{ color:rgba(242,241,238,.82)!important; } /* DİKKAT: .fusion-arrow-highlight ayrı bir çubuk DEĞİL — Avada bu sınıfı menü bağlantılarının kendisine veriyor. Buraya height vermek tüm menüyü çökertir. Yalnızca vurgu rengi ayarlanır. */ .fusion-main-menu .fusion-menu-highlight-bar{ background-color:var(--av-brand)!important; } /* --------------------------------------------------------------- SCROLL DURUMU */ /* Yarı saydam + blur: içerik altından hissedilir ama okunurluk bozulmaz. */ .av-scrolled .fusion-header, .av-scrolled .fusion-sticky-header-wrapper .fusion-header{ background-color:rgba(11,11,12,.86)!important; -webkit-backdrop-filter:saturate(160%) blur(16px); backdrop-filter:saturate(160%) blur(16px); box-shadow:0 12px 34px -22px rgba(0,0,0,.9); } /* Scroll'da servis barı gizlenir — dikey alan kazanılır */ .av-scrolled .fusion-secondary-header{ display:none; } /* --------------------------------------------------------------- GİZLE / GÖSTER */ .fusion-header-wrapper, .fusion-sticky-header-wrapper{ transition:transform var(--av-dur) var(--av-ease); } .av-hide-header .fusion-header-wrapper, .av-hide-header .fusion-sticky-header-wrapper{ transform:translate3d(0,-100%,0); } .av-reduced .av-hide-header .fusion-header-wrapper, .av-reduced .av-hide-header .fusion-sticky-header-wrapper{ transform:none; } /* --------------------------------------------------------------- NOT */ /* Menü/logo hizalaması Avada'nın kendi düzenine bırakıldı. Flex ile yeniden düzenleme denendi ve Avada'nın header markup'ını bozdu; asıl sorun nav_typography line-height değeriydi, kaynağında düzeltildi. */ /* --------------------------------------------------------------- ALT MENÜ DOKUNMA HEDEFİ (masaüstü) */ /* Açılır menü bağlantıları 42px yüksekliğindeydi; 44px eşiğinin altında. */ .fusion-main-menu .fusion-dropdown-menu li a, .fusion-main-menu ul.sub-menu li a, .fusion-main-menu .fusion-megamenu-wrapper li a{ min-height:46px; display:flex; align-items:center; line-height:1.35; } /* ========================================================================== MOBİL HEADER & FLYOUT MENÜ — 2026 yeniden tasarım Kapsam: yalnızca <=1000px (Avada'nın flyout menüye geçtiği eşik). Masaüstü header/menü bu blokta hiç ele alınmaz. ========================================================================== */ @media (max-width:1000px){ /* ---- 1. Üst iletişim şeridi — BLOG kaldırıldı, tek satır, sade, ince ---- .fusion-alignright yalnızca masaüstü BLOG linkini ve onun mobil kopyasını barındırıyordu; başka içerik yok, tamamen gizlenebilir. */ .fusion-secondary-header .fusion-alignright{ display:none!important; } .fusion-secondary-header{ padding-block:0!important; /* .fusion-contact-info a zaten (bkz. components.css) erişilebilirlik için min-height:44px flex kutusu — metni kendi içinde dikeyde ortalıyor; dışarıdan ayrıca padding eklemek yükseklik hedefini boşuna şişiriyordu */ border-bottom:1px solid rgba(255,255,255,.06)!important; /* Avada'nın varsayılan rgb(229,229,229) sınırı !important olmadan kazanıyordu */ position:relative!important; z-index:100001; /* .fusion-header kendisi (z:100000) .fusion-flyout-menu-bg'yi (z:99997) içeren KENDİ stacking context'i; dışarıdan bakıldığında tüm alt ağacı tek blok halinde o seviyede boyanıyor. Şeridin görünür kalması için onu da geçmesi gerekiyordu — 99999 yetmedi, .fusion-header'ın kendi seviyesini (100000) geçen bir değer gerekti. display:none ile açıkken gizlemek denendi ama Avada nav'ın margin-top'unu şerit hâlâ görünürken, senkron olarak ölçüyor — gizleme boşluğu geri kazanmıyor, sadece içeriği kaybettiriyordu; bu yüzden gösterilmesi tercih edildi. */ } .fusion-secondary-header .fusion-contact-info{ font-size:.75rem!important; line-height:1.3!important; letter-spacing:.01em; padding-block:0!important; /* aynı gerekçe — bkz. .fusion-secondary-header */ } .fusion-secondary-header .fusion-contact-info i{ font-size:.7rem; opacity:.75; } /* ---- 2. Ana header satırı — logoyu boğmayacak kadar sıkı ---- Asıl yükseklik kaynağı .fusion-logo'nun kendi margin-top/bottom'ıydı (Avada mobil logo ayarından 31px+31px = 62px) — kutunun padding'i değil. Önce logo'nun kendi dikey boşluğu küçültülüyor. */ .fusion-logo{ margin-top:16px!important; margin-bottom:16px!important; } .fusion-header-has-flyout-menu-content{ padding-block:.4rem; } .fusion-header{ border-bottom:1px solid rgba(255,255,255,.06)!important; } /* ---- 3. Flyout arka planı — açık gri/beyaz yüzey KALDIRILDI ---- Avada bu tek elemanı hem menü hem arama açıldığında tam ekran dim katmanı olarak kullanıyor (rgba(255,255,255,.95)); header'ın ve sayfanın üstüne beyaz bindiriyordu, logo bu yüzeyde kayboluyordu. Katman artık tamamen opak koyu; bu yüzden header'ın kendi z-index'i de yükseltiliyor — aksi halde .fusion-header (z:210) bu katmanın (z:99997) altında kalıp logo/arama/hamburger tamamen görünmez olurdu. */ .fusion-flyout-menu-bg{ background-color:var(--av-ink-800)!important; opacity:1!important; } .fusion-flyout-mobile-menu{ background-color:var(--av-ink-800)!important; align-items:flex-start!important; /* Avada bunu dikeyde ortalıyordu; 8 satırla üstte ~95px ölü boşluk bırakıyordu — kullanıcı menüyü açar açmaz linkleri görmeli. */ } /* .fusion-header-wrapper (position:relative + z-index:10011) kendi stacking context'ini kuruyor; içindeki .fusion-header'a ne kadar yüksek z-index verilirse verilsin dışarı taşamıyor. Asıl yükseltilmesi gereken bu dış kapsayıcı. */ .fusion-header-wrapper{ z-index:100000!important; } .fusion-header{ z-index:100000!important; } /* Avada .fusion-flyout-menu-icons'a (arama/hamburger) zaten position:relative + z-index:99999 veriyor, bu yüzden onlar dim katmanının (z:99997) üstünde kalıyordu. .fusion-logo aynı muameleyi görmüyordu (position:static) — opak katman artık onu tamamen kapatıyordu. Aynı seviyeye çıkarılıyor. */ .fusion-logo{ position:relative!important; z-index:99999; } .fusion-flyout-mobile-menu .fusion-mobile-menu{ padding:.25rem clamp(1.25rem,6vw,2rem) 2rem; margin-block:0!important; /* Avada bu