/* ════════════════════════════════════════════════════════════════════════════
   iPii.TV — Shared Mobile Polish  (rebuilt 2026-06-09 after asset-wipe)
   Safe-area insets (notch / home-indicator), tap-highlight, momentum-scroll,
   over-scroll containment. Non-destructive base layer for all redesign modules.
   ════════════════════════════════════════════════════════════════════════════ */

:root{
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left, 0px);
  --safe-right:  env(safe-area-inset-right, 0px);
}

*{ -webkit-tap-highlight-color: transparent; }

html{ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overscroll-behavior-y: none;
}

/* Momentum scrolling for scroll containers on iOS */
.scroll-x, .row-scroller, [data-scroll]{
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.scroll-x::-webkit-scrollbar, .row-scroller::-webkit-scrollbar, [data-scroll]::-webkit-scrollbar{ display: none; }

/* Bottom dock respects the home-indicator safe area */
.dock-wrap{ padding-bottom: var(--safe-bottom); }

/* Disable text-selection on chrome/controls, keep it for content */
.ipii-topbar, .dock, .dock-wrap{ -webkit-user-select: none; user-select: none; }

@media (max-width: 768px){
  body{ padding-bottom: calc(80px + var(--safe-bottom)); }
}