/* ═══════════════════════════════════════════════════════════════
   app.css — قوانین CSS فقط برای اپ اندروید (WebView)
   هیچ قانونی اینجا نباید روی سایت (مرورگر معمولی) اعمال بشه.
   ═══════════════════════════════════════════════════════════════ */

/* ── Safe-area padding — فقط داخل اپ (Edge-to-Edge) ─────── */
/* MainActivity.kt با WindowInsetsCompat مدیریت می‌کنه؛
   این padding ظریف CSS فقط داخل WebView معنا داره */
.is-app body {
  padding-top: env(safe-area-inset-top, 0);
  padding-bottom: env(safe-area-inset-bottom, 0);
}

.is-app .topbar {
  padding-top: env(safe-area-inset-top, 0);
}

.is-app .bottom-nav {
  padding-bottom: env(safe-area-inset-bottom, 0);
}

/* ── حذف hover states — داخل WebView همیشه لمسیه ────────── */
/* hover state گاهی روی موبایل «گیر» می‌کنه:
   کاربر لمس می‌کنه، حالت hover می‌مونه تا کلیک بعدی */
.is-app .btn:hover {
  filter: none;
  transform: none;
}
.is-app .nav-item:hover {
  background: transparent;
  color: inherit;
  transform: none;
}
.is-app .icon-btn:hover {
  background: transparent;
  transform: none;
  box-shadow: none;
}
.is-app .card:hover {
  box-shadow: none;
  border-color: inherit;
}

/* ── بنر نصب اپلیکیشن — داخل خودِ اپ بی‌معنیه ──────────── */
.is-app .app-download-banner {
  display: none !important;
}

/* ── درخواست مجوز نوتیفیکیشن مرورگری — داخل اپ Native هندل می‌شه ── */
.is-app .notification-permission-banner {
  display: none !important;
}

/* ── PWA install prompt — داخل اپ بی‌معنیه ──────────────── */
.is-app .pwa-install-prompt {
  display: none !important;
}

/* ── Scrollbar ظریف‌تر برای WebView ─────────────────────── */
.is-app ::-webkit-scrollbar {
  width: 3px;
}
.is-app ::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.15);
  border-radius: 10px;
}