/* ==========================================================================
   ELN Atölye — footer_ozel_html stil bloğu (yuva: sayfa tümü, cihaz tümü)
   A) Site geneli yazı tipi: Inter (ampulcu yayin_10 kuralının uyarlaması)
   B) Çift çerez bildirimini teke indirme + kalan kutuya kart görünümü

   Blok yayında varliklar/parca-footer_ozel_html.css dosyasına türetilir ve
   header_libs.php'nin SONUNDA stil bağı olarak basılır. Metinde head içinde
   dursa da önündeki yüzen düğme bağlantısı (return-to-top) body'yi örtük
   açar; bağ DOM'da body içinde, header çerez betiğinden SONRA yer alır.
   Bağ yuvanın HTML'inden ve motor kapılarından bağımsızdır (yalnız sayfa,
   cihaz ve dosya boyutuna bakılır). Header yuvalarının CSS'i mobilde
   basılmadığı için site geneli kurallar BURADA.

   ÖZGÜLLÜK: bu dosya çekirdeğin site_style.css'inden ve gövdedeki satır içi
   stil bloklarından ÖNCE yüklenebilir. Seçiciler html ya da body ile başlar;
   çekirdekte !important taşıyan özelliklerde burada da !important var.
   Böylece sonuç yükleme sırasından bağımsız olur.
   ========================================================================== */


/* ---- A) INTER ------------------------------------------------------------
   Font dosyaları tema_dosyalari defterinden gelir: slug inter-latin ve
   inter-latin-ext (gorsel_yukle), türetilen CSS ile aynı varliklar dizini.
   Inter v20 değişken font: alt küme başına tek dosya 100-900 ağırlık verir.
   Türkçe için İKİ alt küme de şart: ı latin'de; ğ, ş, İ latin-ext'te.

   İKONLARA DOKUNULMUYOR: Line Awesome (.la .las .lar .lab), FontAwesome
   (.fa), Ionicons (.ion-*) ve bootstrap-icons aileyi kendi ögesinde ya da
   ::before üzerinde tanımlar. Bu listede yoklar; yıldız seçicisi bilerek
   kullanılmadı. Inter yalnız kalıtımla ve adı geçen kapsayıcılara işler. */

@font-face{
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('inter-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('inter-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{--elna-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}

/* 1) Gövde — çekirdek style.css:39 body Poppins !important; bir basamak yüksek */
html body{font-family:var(--elna-font)!important}

/* 2) Satır içi style ile font basan her öge: .header-main-div (Solway, her
      sayfada), #MainDiv, .subpage_navigation, #shopButtonOverlay ve sınıfsız
      modül kapları. !important'sız satır içi stil, !important kurala yenilir.
      Satır içi monospace (editörden gelen mono, Courier, Consolas; ürün
      açıklamasındaki kod ya da pin tablosu) hariç tutulur. */
body [style*="font-family"]:not([style*="mono" i]):not([style*="courier" i]):not([style*="consolas" i]){font-family:var(--elna-font)!important}

/* 3) Statik tema (core style.css) */
body .header-lang-name,body .lang-dropdown-div a,body .sepet-dropdown-main a,
body .arama-dropdown-main input,body .pgallery-module-inside-box,body .footer-copyright-div,
body .videolar-detay-main,body .ladder a,body .ladder_ustu,body .quantity-button,
body .login-form-container label,body .login-form-container input,body .login-form-container textarea,
body .user-remember-area a,body .user-remember-area label,body .aler,body .user-topbar-ul li,
body .font-raleway,body .font-open-sans{font-family:var(--elna-font)!important}

/* 4) Panelden üretilen stil dosyaları (site_style, modules_style, category_style) */
body .footer-module-main-div,body .footer-module-box-telif,body .ticaret-kutulari-inside,
body #urundetaytabs,body .urun-detay-main,body .modal-content,
body .pricing-tablolar-module-main-div,body .cat-detail-main-div,
body .about-module-center-txt,body .about-module-leftside-txt,body .about-module-rightside-txt,
body .bloglar-module-main-div,body .counter-module-main-div,body .firsatlar-urun-module-main-div,
body .hizmetler-module-main-div,body .product-categories-main-div,
body .product-categories-main-div-vitrin2,body .story-main-div,body .yorumlar-module-main-div,
body .urunler-module-main-div,body .group-urun-module-main-div,
body .bultenn-module-main-div{font-family:var(--elna-font)!important}

/* 5) Sayfa şablonlarının kendi stil blokları (banner, sepet, ödeme, sss) */
body .page-banner-main,body .cart-main-div,body .no-cart-items-main-div,
body .no-cart-items-main-div a,body .shopButtonT,body .teslimat-page-main-div,
body .ccard-payment-page-main,body .qnb-alan input,body .qnb-alan select,body .qnb-test-cip,
body .success-order-main-div,body .success-order-buttons-area a,
body .accordion_main,body .obx-input,body #ui-datepicker-div,
body .subpage_navigation{font-family:var(--elna-font)!important}

/* 6) Eklentiler: jQuery UI, çerez penceresi, SweetAlert, Bootstrap ipuçları,
      Fancybox 5 galeri sayacı. ampulcu listesine göre EKLENENLER:
      .cc-window (cookieconsent.min.css Helvetica veriyor) ve
      .fancybox__toolbar (ürün sayfasında kendi sistem font yığını var). */
body .ui-widget,body .ui-widget input,body .ui-widget select,body .ui-widget textarea,
body .ui-widget button,body .cc-window,body .cc-message,body .cc-btn,body .popover,body .tooltip,
body .swal2-modal,body .swal2-content,body .swal2-modal h2,
body .swal2-modal button.styled,body .fancybox__toolbar{font-family:var(--elna-font)!important}

/* 7) Form öğeleri tarayıcı varsayılanına düşmesin */
body button,body input,body optgroup,body select,body textarea{font-family:inherit}

/* BİLEREK DIŞARIDA: code, kbd, pre, samp, .text-monospace ve satır içi
   monospace ailesi (2. gruptaki :not süzgeci; monospace kalmalı),
   #paytr_taksit_tablosu (PayTR bileşeni), .swal2-icon (ikon glifleri),
   Google ile Giriş düğmesi (Google'ın kendi tipografisi). */

/* 8) Header yığın düzeltmesi (ampulcu'daki grubun aynısı, header.md bölüm 5)
      Çekirdekte .header-main-div ile modül kapları (urunler, group-urun,
      counter ...-module-inside-area) AYNI z-index 9'u kullanıyor; eşitlikte
      DOM sırası kazanır ve açılan mega menü paneli modüllerin altında kalır.
      Menü perdesi de z-index 40 ile sabit. Header'ı 50'ye almak paneli ve
      header'ı perdenin ve modüllerin üstüne çıkarır. 50, modal (1050),
      WhatsApp (9999) ve çerez penceresinin (9999999) altında kalır.
      header_menu_serit şablonu aynı satırı taşırsa çift kural zararsızdır. */
html body .header-main-div{z-index:50!important}


/* ---- B) ÇEREZ BİLDİRİMİ --------------------------------------------------
   İki kaynak aynı cerez_ayar satırını okuyor:
   1) header_libs.php — ayrıştırma sırasında initialise, konum bottom-right.
      Panel ayarlarının hepsini izleyen yüzen kutu.            KALIR
   2) footer.php 581-664 — window load anında initialise, theme block,
      konum bottom. Tam genişlik şerit.                          GİZLENİR
   cookieconsent@3 (cc.min.js) her pencereyi document.body'nin İLK çocuğu
   olarak ekler: r.insertBefore(a, r.firstChild), r = document.body.
   Kutu ayrıştırmada, şerit load'da eklendiği için DOM'da İLK .cc-window
   ŞERİT, ikincisi KUTU olur. İkisi aynı cookieconsent_status çerezini yazar;
   birini gizlemek işlev kaybettirmez.

   B1) Gizleme yalnız İKİ pencere birlikteyken çalışır. Tek pencere varsa
       (çekirdek düzeltmesi yapıldıysa ya da header kutusu çıkamadıysa)
       hiçbir şey gizlenmez. display'e yalnız B1 ve yedeği dokunur;
       kütüphane aç/kapa için satır içi display kullandığı için kart
       kuralları display'i hiç ellemiyor.
       Asıl kural :has ile İLK pencereyi (şerit) gizler, kutu kalır.
       YEDEK: :has tanımayan ama @supports selector() tanıyan tarayıcılarda
       (Firefox 69-120 ve ESR 115, Safari 14.1-15.3, Chrome 83-104) asıl
       kural düşer; yedek İKİNCİ pencereyi (kutu) gizler, kart görünümlü şerit
       kalır. Tek kabul yeter. Şerit load anında eklendiği için bu
       tarayıcılarda kutu o an kaybolur, şerit solarak gelir (kısa geçiş).
       :has destekleyen tarayıcı yedek bloğu hiç uygulamaz. İkisini de
       tanımayan çok eski tarayıcıda iki pencere üst üste kalır. */
html body > .cc-window:has(~ .cc-window){display:none!important}
@supports not selector(:has(a)){
  html body > .cc-window ~ .cc-window{display:none!important}
}

/* B2) Kart görünümü. Seçici BÜTÜN body > .cc-window pencerelerine uyar,
       yalnız ikinciye değil: kutu, şerit henüz yokken (window load'dan
       önce) açılıyor; yalnız ikinciyi hedeflemek kutuyu load anına kadar
       footer'ın bozuk görünümünde tutar, sonra zıplatırdı. Aynı anda yalnız
       bir pencere görünür (B1).
       footer.php'nin genel kurallarından geri alınanlar: width 100%, left 0,
       right 0, border-radius 0, border 0, padding 15px (hepsi !important),
       yüzde 38 siyah zemin (.cc-banner ve .cc-bottom, !important),
       backdrop blur, üst gölge, beyaz bağlantı, ortalı mesaj, .cc-banner
       mesajındaki 60px sol boşluk ve text-shadow, 6px köşeli Poppins düğme.
       Kütüphanenin max-width 24em ve 2em iç boşluğu da burada ezilir. */
html body > .cc-window{
  top:auto!important;left:auto!important;right:20px!important;bottom:20px!important;
  width:380px!important;max-width:calc(100vw - 40px)!important;
  margin:0!important;padding:18px 20px!important;box-sizing:border-box!important;
  flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;
  background:#ffffff!important;color:#111827!important;
  border:1px solid #e5e9f0!important;border-radius:14px!important;
  box-shadow:0 10px 30px rgba(17, 24, 39, .15)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  font-size:13px!important;line-height:1.5!important;
  -webkit-font-smoothing:antialiased;
  z-index:9999999!important;
}
/* footer'ın boş üst çizgi sözde ögesi */
html body > .cc-window::before{content:none!important;display:none!important}

html body > .cc-window .cc-message{
  display:block!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;
  margin:0 0 14px!important;padding:0!important;
  color:#111827!important;font-size:13px!important;line-height:1.5!important;font-weight:400!important;
  text-align:left!important;text-shadow:none!important;
}

html body > .cc-window .cc-link,
html body > .cc-window .cc-link:active,
html body > .cc-window .cc-link:visited{
  display:inline!important;padding:0!important;opacity:1!important;
  color:#2165a7!important;font-weight:500!important;
  text-decoration:underline!important;text-decoration-thickness:1px;text-underline-offset:2px;
}
html body > .cc-window .cc-link:hover,
html body > .cc-window .cc-link:focus{color:#1d5993!important}

html body > .cc-window .cc-compliance{
  display:flex!important;flex:0 0 auto!important;align-items:center!important;
  justify-content:flex-end!important;margin:0!important;padding:0!important;
}

/* Düğme marka CTA'sı: zemin vurgu #2165a7, üzerine gelince/odakta koyu
   #1d5993 (beyaz yazıyla kontrast en az 6:1, WCAG AA geçer).
   Düğmede geçiş (transition) yok: transitionend kabarcıklanır ve
   kütüphanenin pencere solma dinleyicisini erken tetikleyebilir. */
html body > .cc-window .cc-btn{
  display:block!important;flex:1 1 auto!important;margin:0!important;
  padding:10px 18px!important;
  background:#2165a7!important;color:#ffffff!important;
  border:1px solid #2165a7!important;border-radius:10px!important;
  font-size:13px!important;font-weight:600!important;line-height:1.3!important;
  letter-spacing:0!important;text-transform:none!important;
  text-align:center!important;text-decoration:none!important;white-space:nowrap;
  box-shadow:none!important;cursor:pointer;
}
html body > .cc-window .cc-btn:hover,
html body > .cc-window .cc-btn:focus{
  background:#1d5993!important;border-color:#1d5993!important;
  color:#ffffff!important;text-decoration:none!important;
}
html body > .cc-window .cc-btn:focus-visible{outline:2px solid #2165a7!important;outline-offset:2px}

/* B3) Mobil (736px ve altı): altta tam genişlik kart, kenarlardan 10px.
       Kütüphanenin kendi mobil sorgusu yalnız 414px dikey ve 736px yatayı
       kapsıyor; bu sorgu arada kalan dikey genişlikleri de alır.
       Alt boşluktaki safe-area payı bugün ETKİSİZ: elna'nın viewport
       tanımında viewport-fit=cover yok, env() 0 döner. Zararsız yedektir;
       çekirdek viewport-fit=cover eklerse iPhone ev çubuğunu kendiliğinden
       korur. */
@media screen and (max-width:736px){
  html body > .cc-window{
    left:10px!important;right:10px!important;
    bottom:10px!important;bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important;
    width:auto!important;max-width:none!important;
    padding:16px!important;
  }
  html body > .cc-window .cc-message{margin-bottom:12px!important}
  html body > .cc-window .cc-btn{padding:13px 16px!important;white-space:normal}
}
/* Mobil header: logo (200px) + 4 simge (zil/uye/sepet/menu) 375px ekrana
   sigmiyordu -> 7px yatay tasma, menu dugmesi kesik. Logo mobilde en fazla 150px. */
html body .mobile-header-main-ust > .d-flex{min-width:0}
html body .mobile-header-logo{max-width:150px!important;min-width:0}
html body .mobile-header-logo img{max-width:100%!important;height:auto}