/* Mobiled — arayuz duzeltmeleri
   Kapsam: masaustu sag/sol alt sabit widgetlarin cakismasi.
   Mobilde bu widgetlar mbl-ui.php ile zaten gizli, oraya dokunulmuyor. */

@media (min-width: 769px){

  /* 1) "Yukari cik" butonu WhatsApp balonuyla cakisiyordu (50x15px).
        Butonun uzerinde asagi kaydiran bir transform var; gorsel kutuyu
        WhatsApp'in ustune tasimak icin bottom degeri buna gore secildi. */
  .neoh_fn_totop{ bottom: 125px !important; }

  /* 2) Cerez seridi acikken sag ve sol alt widgetlari seridin ustune al,
        boylece "Tamam" butonu serbest kalir. Serit yuksekligi 38px. */
  body:has(.cc-window:not(.cc-invisible)) .trwpwhatsappall{ bottom: 48px !important; }
  body:has(.cc-window:not(.cc-invisible)) .tll{ bottom: 53px !important; }
  body:has(.cc-window:not(.cc-invisible)) .neoh_fn_totop{ bottom: 163px !important; }
}

/* --- Urun/icerik tablolari ------------------------------------------
   Tablo acik tema icin tasarlanmisti: th zemini #f7f7f9 (beyaza yakin),
   kenarliklar #e0e0e0. Koyu sayfada yamali duruyordu.
   !important gerekli: mevcut degerler icerikten/tema kuralindan geliyor. */
.neoh_fn_single .single_desc table{
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0 32px;
}
.neoh_fn_single .single_desc th,
.neoh_fn_single .single_desc td{
  border: 1px solid #26262e !important;
  padding: 10px 14px !important;
  text-align: left;
  vertical-align: top;
}
.neoh_fn_single .single_desc th{
  background-color: #17171b !important;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 16px;
  width: 38%;
}
.neoh_fn_single .single_desc td{
  background-color: transparent !important;
  color: #cccccc !important;
  font-size: 16px;
}
.neoh_fn_single .single_desc tr:nth-child(even) td{
  background-color: rgba(255,255,255,.02) !important;
}

/* --- Ana sayfa kucuk punto metinleri --------------------------------
   mbl-ui.php'nin bastigi stil blogu bu link'ten SONRA yuklendigi icin
   ozgullugu bir seviye artiriyoruz (!important yerine).
   Onceki degerler koyu zeminde AA'nin altindaydi:
     .mbl-partner__etiket  #6f6f7d  -> 3.93
     .mbl-partner__not     #5f5f6b  -> 3.08
     .mbl-ref__alt         #5f5f6b  -> 3.08 */
.mbl-partner .mbl-partner__etiket,
.mbl-partner .mbl-partner__not,
.mbl-ref .mbl-ref__alt{
  color: #8f8f9c;              /* kontrast ~6.5 */
}

/* --- Mobil dokunma hedefleri ----------------------------------------
   Onceki olcumler: menu satirlari 30px, sosyal ikonlar 17x20,
   kategori baglantilari 27px, logo 24px. Onerilen alt sinir 44px.
   Cumle ici baglantilara dokunulmuyor (WCAG 2.5.8 muafiyeti). */
@media (max-width: 768px){

  /* Acilir menu satirlari */
  .neoh_fn_nav .nav_menu li > a,
  .neoh_fn_nav li.menu-item > a{
    display: block;
    min-height: 44px;
    line-height: 44px;
  }

  /* Sosyal medya ikonlari */
  .neoh_fn_social_list li a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  /* Kategori basliklari ve logo: duzeni bozmamak icin gorunmez
     bir katmanla dokunma alani genisletiliyor, kutu boyutu ayni kaliyor. */
  h3.fn_title a,
  .header_in .logo a{
    position: relative;
  }
  h3.fn_title a::after,
  .header_in .logo a::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 44px;
  }
}

/* --- Iletisim formu -------------------------------------------------
   Gonder butonu <a href="javascript:void(0)"> idi, <button>'a cevrildi.
   Tarayici varsayilanlarini (gri zemin, kenar) sifirlayip eski gorunumu koruyoruz. */
button.neoh_fn_button{
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  font-family: var(--hff);
  cursor: pointer;
}
button.neoh_fn_button:focus-visible{
  outline: 2px solid #ff5a63;
  outline-offset: 3px;
}
button.neoh_fn_button[disabled]{
  opacity: .55;
  cursor: progress;
}

/* Kullanici alana dokunup gecersiz birakinca isaretle
   (sayfa ilk acildiginda bos alanlar kirmizi gorunmez) */
.contact_form input:user-invalid,
.contact_form textarea:user-invalid{
  border-color: #ff5a63 !important;
}

/* --- Cerez onayi: "Kabul et" ve "Reddet" esit agirlikta ------------------
   KVKK cerez rehberi: reddetmek, kabul etmek kadar kolay olmali.
   Kutuphane varsayilaninda "Reddet" silik bir metin baglantisiydi. */
.cc-window .cc-compliance{ display:flex; gap:10px; }
.cc-window .cc-compliance .cc-btn{
  flex:1 1 0; min-width:140px; border-radius:6px; border:2px solid transparent;
  text-decoration:none !important; font-weight:700;
}
.cc-window .cc-compliance .cc-btn.cc-deny{ background:#2c2c34 !important; border-color:#4a4a55 !important; color:#ffffff !important; }
.cc-window .cc-compliance .cc-btn.cc-allow{ background:#e11d2a !important; border-color:#e11d2a !important; color:#ffffff !important; }
.cc-window .cc-btn + .cc-btn{ margin-left:0; }
.cc-window .cc-btn:focus-visible{ outline:2px solid #ffffff; outline-offset:2px; }

/* --- Kurumsal sayfalarda tablo (cerez politikasi) ----------------------- */
.mbl-sayfa .mbl-sayfa__metin .mbl-tablo-kap{ overflow-x:auto; margin:16px 0 28px; }
.mbl-sayfa .mbl-sayfa__metin table{ width:100%; border-collapse:collapse; font-size:15px; line-height:1.5; }
.mbl-sayfa .mbl-sayfa__metin th,
.mbl-sayfa .mbl-sayfa__metin td{ border:1px solid #26262e; padding:9px 12px; text-align:left; vertical-align:top; }
.mbl-sayfa .mbl-sayfa__metin th{ background:#17171b; color:#ffffff; font-weight:600; white-space:nowrap; }
.mbl-sayfa .mbl-sayfa__metin td{ color:#cccccc; }
.mbl-sayfa .mbl-sayfa__metin td:first-child{ color:#ffffff; font-family:ui-monospace,Consolas,monospace; font-size:14px; white-space:nowrap; }