/* ==========================================================================
   EĞİN PORTAL — ORTAK MOBİL KATMANI (mobil.css)
   Her sayfada EN SONA yüklenir (sayfanın kendi <style>'ından sonra) ki aynı
   seçicide kazanırsın. Yalnız dar ekran / dokunmatik davranışı içerir;
   masaüstü görünüm bu dosyadan etkilenmez.
   Sayfaya özel mobil kuralları o sayfanın kendi "MOBİL" bloğuna yaz,
   buraya yalnız birden çok sayfada tekrarlanan bileşenler girer.
   Kırılımlar: ≤760px telefon · ≤420px küçük telefon · (pointer:coarse) dokunmatik.
   ========================================================================== */

/* ---- Her genişlikte: yatay kaymayı engelle, çentik/ev çubuğu payı ---- */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { overflow-x: clip; }
@supports not (overflow: clip) { body { overflow-x: hidden; } }

/* ---- Dokunmatik ekran (telefon + tablet) ---- */
@media (pointer: coarse) {
  /* iOS 16px altı giriş alanına odaklanınca sayfayı büyütür — tablo içi
     küçük hücre girdileri hariç tüm form alanları 16px */
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not(table *),
  select:not(table *), textarea:not(table *) { font-size: 16px !important; }
  button, a, [role=button], label, summary { -webkit-tap-highlight-color: rgba(252,224,30,.25); touch-action: manipulation; }
  /* hover'a bağlı yukarı zıplamalar dokunmatikte "yapışık" kalır */
  .btn:hover, .card-hover:hover { transform: none; }
  ::-webkit-scrollbar { width: 0; height: 0; }
}

/* ---- Telefon ---- */
@media (max-width: 760px) {
  /* Üst çubuk: logo + başlık + yalnız ikon düğmeler, tek satır */
  .yk-top { padding: 8px 12px !important; gap: 8px !important; min-height: 52px;
            padding-top: max(8px, env(safe-area-inset-top)) !important; }
  .yk-top .yk-logo img { height: 22px !important; }
  .yk-top .yk-sep { display: none !important; }
  .yk-top .yk-heading { font-size: 15px !important; min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2 !important; }
  .yk-top .yk-heading small, .yk-top .yk-user, .yk-top .sync { display: none !important; }
  .yk-top .grow { display: none !important; }
  .yk-top .yk-ghost { padding: 0 !important; width: 38px; height: 38px; justify-content: center; font-size: 0 !important; flex: none; }
  .yk-top .yk-ghost i { font-size: 15px !important; }
  .yk-top a.yk-ghost[href="panel.html"]::before { content: "\f015"; font: 900 15px "Font Awesome 6 Free"; }
  .yk-top .mb-ara { display: inline-flex !important; }

  /* Sekme çubuğu: parmakla kaydırılır, seçili sekme görünüre kayar (mobil.js) */
  .tabbar { top: 52px !important; padding: 0 8px !important; gap: 0 !important; scroll-snap-type: x proximity;
            scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
  .tabbar::-webkit-scrollbar { display: none; }
  .tabbar .tab { scroll-snap-align: start; padding: 14px 11px !important; font-size: 13px !important; min-height: 46px; }
  .tabbar .grow { display: none !important; }

  /* İçerik kabı */
  .yk-wrap { padding: 14px 12px calc(84px + env(safe-area-inset-bottom)) !important; }

  /* Pencereler: alttan açılan tabaka (bottom sheet) */
  .ov { padding: 0 !important; align-items: end !important; place-items: end center !important; }
  .ov > .modal { width: 100% !important; max-width: 100% !important; max-height: 94dvh !important; border-radius: 22px 22px 0 0 !important;
                 animation: mb-yukari .28s cubic-bezier(.16,1,.3,1) !important; padding-bottom: env(safe-area-inset-bottom); }
  .modal-h { padding: 14px 16px !important; gap: 10px !important; }
  .modal-h h3 { font-size: 16px !important; }
  .modal-b { padding: 16px !important; }
  .modal-f { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important; flex-wrap: wrap; gap: 8px !important; }
  .modal-f .btn { flex: 1 1 auto; justify-content: center; }
  .modal-f .grow { display: none; }

  /* Sabit alt çubuklar ev çubuğunun üstünde dursun */
  .savebar { padding-bottom: max(10px, env(safe-area-inset-bottom)) !important; }

  /* Bildirim / toast ekran dışına taşmasın */
  .toast, #toast { left: 12px !important; right: 12px !important; max-width: none !important; transform: none; bottom: calc(16px + env(safe-area-inset-bottom)) !important; }

  /* Ortak dokunma hedefleri */
  .btn { min-height: 40px; }
  .btn.sm, .btn-sm { min-height: 34px; }
}
@media (max-width: 374px) {
  .yk-top .yk-logo { display: none !important; }
}
@keyframes mb-yukari { from { transform: translateY(40px); opacity: .4 } to { transform: none; opacity: 1 } }

/* Arama düğmesi yalnız telefonda görünür (masaüstünde Ctrl+K var) */
.mb-ara { display: none; }