/* =====================================================
   CIVARI — UYGULAMA GÖRÜNÜMÜ (yalnızca html.uygulamada; uygulama.js ekler)
   Site aynı kalır. Uygulamada: web sitesi kalıntıları (alt bilgi, işletme reklamı, giriş düğmesi)
   gizlenir, dokunma geri bildirimi, alttan açılan sayfalar, çekip yenileme ve bağlantı uyarısı gelir.
   ===================================================== */

/* ---------- Web sitesi kalıntılarını kaldır ---------- */
html.uygulamada #intro,
html.uygulamada .footer,
html.uygulamada .t-esnaf,
html.uygulamada .isletme-cta,
html.uygulamada #btnAuth,
html.uygulamada .t-isletme-link,
html.uygulamada .tk-alt,
html.uygulamada .dt-sayfa { display: none !important; }   /* detay zaten her şeyi gösteriyor; web sayfasına gitmeye gerek yok */

/* Açılış tanıtımı sürerken çerez bandı beklesin (üst üste binmesin); tanıtım bitince görünür */
html.uygulamada body:has(#karsilama.acik) #czBanner { display: none !important; }

/* Profil sekmesi giriş/çıkışı yönettiği için üst çubuk sadeleşir */
html.uygulamada body {
  overscroll-behavior-y: contain;               /* sayfanın lastik gibi esneyip arkayı göstermesini engeller */
  -webkit-text-size-adjust: 100%;
  padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
}
html.uygulamada.t2 .tk-baslik { font-size: clamp(2rem, 9vw, 2.6rem); }

/* ---------- Dokunma geri bildirimi (fare yok, :hover yerine :active) ---------- */
html.uygulamada .mk,
html.uygulamada .tk-arac,
html.uygulamada .t-niyet a,
html.uygulamada .mnav-btn,
html.uygulamada button { transition: transform .12s ease, opacity .12s ease; }
html.uygulamada .mk:active,
html.uygulamada .mk.uyg-basili { transform: scale(.975); }
html.uygulamada .tk-arac:active,
html.uygulamada .mnav-btn:active,
html.uygulamada .t-btn:active,
html.uygulamada .btn-primary:active { transform: scale(.96); }
html.uygulamada .mk:hover { transform: none; }

/* ---------- Alt sekme çubuğu: uygulama sekmesi gibi ---------- */
html.uygulamada.t2 .mobile-nav {
  display: flex;
  background: rgba(250, 248, 244, .94);
  -webkit-backdrop-filter: saturate(160%) blur(16px);
  backdrop-filter: saturate(160%) blur(16px);
  transition: transform .22s ease;
}
html.uygulamada .mnav-btn { min-height: 52px; }
html.uygulamada .mnav-btn.active svg { transform: translateY(-1px) scale(1.08); }
html.uygulamada .mnav-btn svg { transition: transform .18s ease; }
html.uygulamada.uyg-klavye .mobile-nav { transform: translateY(110%); }   /* klavye açıkken gizle */

/* ---------- Pencereler: alttan açılan sayfa ---------- */
html.uygulamada .modal-overlay { background: rgba(23, 19, 15, calc(.5 * var(--uyg-perde, 1))); }
html.uygulamada .modal-overlay.open .detail-card,
html.uygulamada .modal-overlay.open .modal-card,
html.uygulamada .modal-overlay.open .modal-content { animation: uygYukari .26s cubic-bezier(.2, .8, .25, 1) both; will-change: transform; }
@keyframes uygYukari { from { transform: translateY(40px); opacity: .4; } to { transform: none; opacity: 1; } }
html.uygulamada #detailModal .detail-card { position: relative; }
html.uygulamada .uyg-tutamac {
  display: block; width: 40px; height: 5px; border-radius: 3px; background: rgba(23, 19, 15, .22);
  position: absolute; top: 8px; left: 50%; transform: translateX(-50%); z-index: 6; pointer-events: none;
}
html.uygulamada #detailModal .uyg-tutamac { background: rgba(255, 255, 255, .85); box-shadow: 0 1px 4px rgba(0, 0, 0, .25); }

/* ---------- Hızlı işlemler sayfası (uzun basınca) ---------- */
.uyg-sayfa { position: fixed; inset: 0; z-index: 10050; visibility: hidden; pointer-events: none; }
.uyg-sayfa.acik { visibility: visible; pointer-events: auto; }
.uyg-sayfa-perde { position: absolute; inset: 0; background: rgba(23, 19, 15, .45); opacity: 0; transition: opacity .2s ease; }
.uyg-sayfa.acik .uyg-sayfa-perde { opacity: 1; }
.uyg-sayfa-kutu {
  position: absolute; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  background: #fff; border-radius: 22px; padding: 22px 12px 10px; transform: translateY(110%);
  transition: transform .26s cubic-bezier(.2, .8, .25, 1); box-shadow: 0 -10px 40px -10px rgba(23, 19, 15, .35);
}
.uyg-sayfa.acik .uyg-sayfa-kutu { transform: none; }
.uyg-sayfa .uyg-tutamac { top: 8px; }
.uyg-sayfa-baslik {
  font: 800 1.15rem/1.25 'Bricolage Grotesque', system-ui, sans-serif; letter-spacing: -.02em; color: #17130f;
  text-align: center; margin: 4px 12px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.uyg-sayfa-liste { display: grid; border-radius: 14px; overflow: hidden; background: #f3efe8; gap: 1px; }
.uyg-sayfa-dugme, .uyg-sayfa-vazgec {
  min-height: 54px; border: 0; background: #faf8f4; font: 600 1rem/1 Figtree, system-ui, sans-serif; color: #17130f;
  cursor: pointer; width: 100%;
}
.uyg-sayfa-dugme:active, .uyg-sayfa-vazgec:active { background: #f3efe8; }
.uyg-sayfa-vazgec { margin-top: 8px; border-radius: 14px; font-weight: 800; }
.uyg-sayfa-dugme:focus-visible, .uyg-sayfa-vazgec:focus-visible { outline: 2px solid #17130f; outline-offset: -4px; }

/* ---------- Çekip yenileme göstergesi ---------- */
.uyg-cek {
  position: fixed; left: 50%; top: calc(var(--t-ust, 56px) + env(safe-area-inset-top, 0px)); z-index: 900;
  width: 38px; height: 38px; border-radius: 50%; background: #fff; box-shadow: 0 6px 18px -6px rgba(23, 19, 15, .35);
  display: grid; place-items: center; transform: translate(-50%, -48px); opacity: 0; pointer-events: none;
  transition: transform .2s ease, opacity .2s ease;
}
.uyg-cek-daire { width: 18px; height: 18px; border-radius: 50%; border: 2.5px solid #d6cfc4; border-top-color: #17130f; }
.uyg-cek.hazir .uyg-cek-daire { border-top-color: #ff9900; border-right-color: #ff9900; }
.uyg-cek.donuyor { opacity: 1; }
.uyg-cek.donuyor .uyg-cek-daire { border-top-color: #ff9900; animation: uygDon .7s linear infinite; }
@keyframes uygDon { to { transform: rotate(360deg); } }

/* ---------- Bağlantı uyarısı ---------- */
.uyg-ag {
  position: fixed; left: 12px; right: 12px; z-index: 10060; top: calc(8px + env(safe-area-inset-top, 0px));
  background: #17130f; color: #fff; border-radius: 14px; padding: 12px 16px; font: 600 .9rem/1.4 Figtree, system-ui, sans-serif;
  text-align: center; transform: translateY(-140%); transition: transform .3s cubic-bezier(.2, .8, .25, 1);
  box-shadow: 0 12px 30px -12px rgba(0, 0, 0, .45);
}
.uyg-ag.goster { transform: none; }
.uyg-ag.geri { background: #17803f; }

/* ---------- Kısa bildirim ("Çıkmak için tekrar geri bas") ---------- */
.uyg-not {
  position: fixed; left: 50%; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); z-index: 10060;
  transform: translate(-50%, 20px); opacity: 0; pointer-events: none;
  background: rgba(23, 19, 15, .92); color: #fff; border-radius: 999px; padding: 10px 18px;
  font: 600 .9rem/1.3 Figtree, system-ui, sans-serif; transition: opacity .2s ease, transform .2s ease; white-space: nowrap;
}
.uyg-not.goster { opacity: 1; transform: translate(-50%, 0); }

/* ---------- Erişilebilirlik ---------- */
@media (prefers-reduced-motion: reduce) {
  html.uygulamada *, .uyg-sayfa-kutu, .uyg-ag, .uyg-cek { animation: none !important; transition: none !important; }
}