/* ETR — Mobil okunabilirlik ve dokunma hedefi duzeltmeleri.
   Kapsam: yalnizca 640px alti. Masaustu tasarimi HIC etkilenmez.
   Tespit: canli sitede 375x812 gercek mobil emulasyonuyla her sayfa tipi olculdu.
   Yatay tasma, kirpilan icerik, tasan gorsel ve sabit tablo BULUNMADI —
   duzen yapisal olarak saglam. Asagidakiler ortak kabuktan gelen uc kusur. */

@media (max-width:640px){
  /* 1) iOS ODAK YAKINLASTIRMASI
     /arac/efatura-kontor/ (en cok tiklanan 3. sayfa) uzerindeki input ve
     select alanlari 14px olculdu. iOS Safari 16px'ten kucuk bir alana
     dokunuldugunda sayfayi otomatik yakinlastirir; kullanici her alanda
     ekranin ziplamasiyla ugrasir. Tek cozumu 16px. */
  input:not([type=checkbox]):not([type=radio]):not([type=range]),
  select, textarea { font-size:16px !important; }

  /* 2) OKUNABILIRLIK TABANI
     Olculen en kucukler: .v-crit-src 10.6px (kiyas sayfasinda 22 adet),
     .gv-eyebrow ve .kf-badge 10.9px, .gv-persona-status 10.6px.
     10.6px BUYUK HARF + harf aralikli metin mobilde ciddi zorlanma yaratiyor.
     Kisa etiketler olduklari icin 12px'e cekmek yeniden akis riski tasimaz. */
  .gv-eyebrow, .kf-eyebrow, .v-eyebrow, .tl-eyebrow, .tl-sec-eyebrow,
  .etr-tv-eyebrow, .kf-kicker, .etr-mx-kicker,
  .kf-badge, .kf-tag, .mx-rank, .mx-med,
  .v-crit-src, .v-crit-day, .v-duel-unit, .etr-sc-day,
  .gv-persona-status, .gv-persona-role,
  .gv-foot-h, .gv-foot-link,
  small { font-size:12px !important; }

  /* 3a) FOOTER — her sayfada 33 link, hepsi 36px altinda. En yogun kume. */
  .gv-foot-link{ display:inline-block; padding:11px 0; line-height:1.35; }

  /* 3b) BIRINCIL EYLEM — saglayici sayfasinda 24px olculdu. */
  .gv-hero-actions a{
    min-height:44px; padding-top:12px; padding-bottom:12px; box-sizing:border-box;
  }

  /* 3c) LOGO ve BREADCRUMB — duzeni bozmadan hedefi buyut.
         Sozde-eleman kullanildi: kutu buyumez, yalnizca dokunma alani buyur. */
  .gv-brand, .gv-bread a, .kf-bc a, .kf-rel a{ position:relative; }
  .gv-brand::after, .gv-bread a::after, .kf-bc a::after, .kf-rel a::after{
    content:""; position:absolute; top:-10px; right:-6px; bottom:-10px; left:-6px;
  }
}

/* ---- IKINCI TUR: ilk daginin ardindan olculen kalanlar ---- */
@media (max-width:640px){
  /* Hero kartindaki etiketler: "Urun Puani" 10.9px, "Baslangic/Dogrulama" 10.2px.
     Bunlarin sinifi yok, ust kapsayicidan hedefleniyor. */
  .gv-hero-card-head span,
  .gv-score-facts span,
  .gv-feat-hl-text strong,
  .etr-ft-eyebrow { font-size:12px !important; }

  /* Kose rozetleri SATIR ICI style ile basiliyor (sinif yok), bu yuzden
     oznitelik seciciyle hedeflendi. Olculen degerler:
       .62rem = 9.9px  ("EKOSISTEM")
       .66rem = 10.6px ("ZORUNLU")
       .7rem  = 11.2px ("Unutmayin")
     Ucu de 12px altinda; ".75rem" bu seciciyle ESLESMEZ, o yuzden guvenli. */
  [style*="font-size:.62rem"],
  [style*="font-size:.66rem"],
  [style*="font-size:.7rem"] { font-size:12px !important; }

  /* Breadcrumb linkleri 22px olculdu — gercek dolgu verilir. */
  .gv-bread a{ padding-top:9px; padding-bottom:9px; }

  /* AEO hizli baglantilar 31px olculdu. Bunlar HESAPLAYICI sayfalarina giden
     ic linkler (TCO, Stack Maliyeti, ROAS) — dokunulabilir olmalari onemli. */
  .etr-aeo-keyfacts a{ padding-top:5px; padding-bottom:5px; }
}

/* ---- UCUNCU TUR: olcumle saptanan son satir ici rem degerleri ---- */
@media (max-width:640px){
  /* .68rem = 10.9px, .72rem = 11.5px — ikisi de 12px altinda.
     Bu rozet/etiketler satir ici style ile basiliyor, sinif yok. */
  [style*="font-size:.68rem"],
  [style*="font-size:.72rem"] { font-size:12px !important; }

  .etr-sc-kicker { font-size:12px !important; }
}

/* ---- DORDUNCU TUR: kategori listeleme satirlari ----
   Kategori sayfasi olculdu: 71 blok dokunma hedefi 36px altinda.
   En kritigi a.c-off-btn (22px, 21 adet) — bu saglayiciya giden cikis
   butonu, yani sitenin GELIR yolu. Mobilde 22px'lik butonu dogru basmak zor.
   Yukseklikler dolguyla artiriliyor; display DEGISTIRILMIYOR ki mevcut
   flex/blok hizalamasi bozulmasin. */
@media (max-width:640px){
  .c-off-btn{ padding-top:9px; padding-bottom:9px; }   /* 22px -> ~40px */
  .c-vname a{ padding-top:4px; padding-bottom:4px; }   /* 28px -> ~36px */
  .c-vs-link{ min-height:36px; }                       /* 25px -> 36px (flex) */
  .c-list-jump, .c-list-multi{ min-height:40px; }      /* 28-31px -> 40px (flex) */
}

/* ---- BESINCI TUR: blog sablonuna ozgu siniflar ----
   Blog yazisi ayri bir sablon kullaniyor (ts-* onekli siniflar) ve
   premium kabuktan farkli. Olculen en kucukler:
     .ts-recent-bar__item-info 9.0px  <- SITENIN EN KUCUK METNI
     .ts-lm-exit-body 11.2px, .ts-blog-meta-top 11.5px, .ts-footer-bottom 11.5px */
@media (max-width:640px){
  .ts-recent-bar__item-info,
  .ts-lm-exit-body,
  .ts-blog-meta-top,
  .ts-footer-bottom,
  /* Ust kapsayiciyi hedeflemek YETMEDI — alt ogelerin kendi font-size'i
     kazaniyor. Olcumle saptanan gercek siniflar: */
  .ts-blog-cat,
  .ts-disclaimer,
  .ts-lm-exit-privacy,
  .ts-recent-bar__item-badge { font-size:12px !important; }
}

/* ---- ALTINCI TUR: YAPISKAN BARIN EKRANI YEMESI ----
   OLCULDU (saglayici sayfasi, 375x812, kaydirma 9000px):
     header.gv-hdr  113px
     div.gv-bar     200px   <- ASIL SORUN
     nav.gv-toc      56px
   Cakismalar dusuldugunde ekranin 260/812 pikseli = %32'si sabit arayuz.
   Icerige yalnizca 552px kaliyor.

   SEBEP: .gv-bar-in flex-wrap:wrap ve .gv-bar-r icinde DORT buton var
   (Fiyat, Bana uygun mu?, Teklif Al, Resmi Site). Masaustunde tek satira
   siglar, mobilde sariyor ve bar 200px'e cikiyor.

   COZUM: iki IKINCIL buton mobilde gizleniyor — ikisi de SAYFA ICI BAGLANTI
   (#fiyat, #kimler-icin) ve hemen altindaki nav.gv-toc menusunde ZATEN VARLAR,
   yani islev kaybi yok.
   GELIR BUTONLARINA DOKUNULMADI: "Teklif Al" (gv-btn-p) ve "Resmi Site"
   (etr-aff-cta) yerinde kaliyor — bunlar sitenin gelir yolu. */
@media (max-width:640px){
  .gv-bar .gv-btn-s{ display:none; }
}

/* Ikincil butonlar gizlendikten sonra bar 200 -> 141px oldu ama HALA sariyordu.
   OLCULDU (375px ekran):
     kullanilabilir genislik = 375 - 40 (yatay dolgu) = 335px
     gv-bar-l (puan) 136 + gv-bar-r (butonlar) 233 + gap 16 = 385px  -> 50px fazla
   Dolgulari ve bosluğu kisarak tek satira sigdiriliyor (56px kazanc).
   Butonlarin 46px YUKSEKLIGINE DOKUNULMUYOR — dokunma hedefi korunuyor. */
@media (max-width:640px){
  .gv-bar .gv-bar-in{ padding-left:12px; padding-right:12px; gap:8px; }
  .gv-bar .gv-bar-r .gv-btn{ padding-left:12px; padding-right:12px; }
}

/* ================================================================
   YEDINCI TUR — KULLANICI TALEBI (2026-08-13)
   "sadece alt bar kaysin" + "teklif iste sistemini pasif yap, butonu kaldir"
   ================================================================ */

/* --- 1) TEKLIF ISTE SISTEMI GECICI OLARAK PASIF ---
   Butonlar 12 ayri sablonda uretiliyor; hepsini tek tek duzenlemek yerine
   hedefe gore tek kuralla gizleniyor. GERI ALMAK: bu blogu sil.
   Sayfanin kendisi de mu-plugins/etr-teklif-pasif.php ile yonlendiriliyor. */
a[href*="/teklif-iste/"]{ display:none !important; }

/* Teklif butonu gizlenince alt bar BOS kalabiliyor (olculdu: /karsilastir/
   dalinda tek buton teklifti). Icinde teklif disi bir oge kalmadiysa bari
   tamamen gizle ki 60px'lik bos serit gorunmesin. */
#ts-money-bar:not(:has(.ts-mb-inner > *:not([href*="/teklif-iste/"]))){
  display:none !important;
}

@media (max-width:640px){
  /* --- 2) MOBILDE YALNIZCA ALT BAR SABIT KALSIN ---
     Olculmustu: ust tarafta ayni anda 3 yapiskan katman vardi
     (header 113px + gv-bar 200px + toc 56px) ve ekranin %32'sini yiyordu.
     Alt bardaki #ts-money-bar (60px) zaten hem saglayici cikisini hem
     karsilastirmayi tasiyor — ust barlarin sabit kalmasina gerek yok. */
  /* Sitede sticky/fixed tanimli TUM katmanlar tarandi; asagidakiler
     mobilde normal akisa alindi. Tek istisna #ts-money-bar (alt bar).
     Farkli sablonlar farkli baslik sinifi kullaniyor — olcumle saptandi:
     premium sayfalarda .gv-hdr, karsilastirma merkezinde .gv-site-header,
     blogda .ts-header. */
  header.gv-hdr,
  header.gv-site-header,
  header.ts-header,
  nav.gv-toc,
  .v-sticky-nav,
  .ix-nav,
  .lm-nav,
  .mt-nav,
  .print-toolbar{ position:static !important; }

  .ts-scroll-progress{ display:none !important; }

  /* gv-bar mobilde TAMAMEN kaldiriliyor: icindeki "Resmi Site" cikisi alt
     bardaki "Saglayiciya Git" ile ayni islevi goruyor, "Teklif Al" zaten
     pasif, kalan ikisi sayfa ici baglanti ve TOC'ta mevcut. */
  .gv-bar{ display:none !important; }
}