/*!
 * Pickngo Mall — app mode
 * ---------------------------------------------------------------------------
 * Every rule here is scoped to .is-app, which pickngo-app-bridge.js adds only
 * when the page is running inside the iOS app. On the website this file is
 * inert — it cannot change how pickngomall.com looks in a browser.
 *
 * Deliberately conservative: the site's own mobile layout already handles the
 * bottom tab bar and the home indicator inset, so this does not touch page
 * padding. It only removes web-only chrome and adds native-feeling touches.
 * ---------------------------------------------------------------------------
 */

/* ---------------------------------------------------------- web-only chrome */

.is-app .topbar,                 /* utility strip: currency, "call us", etc. */
.is-app .app-download-banner,    /* never advertise the app inside the app */
.is-app .cookie-banner,
.is-app .newsletter-signup,
.is-app .pwa-install {
  display: none !important;
}

/* ------------------------------------------------------------- native feel */

.is-app {
  -webkit-touch-callout: none;        /* no long-press "Open in new tab" menu */
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-y: contain;     /* no rubber-band past the page */
}

/* Nothing is selectable by default, which is how a native app behaves, but
   anything worth copying — prices, order numbers, descriptions — still is. */
.is-app * {
  -webkit-user-select: none;
  user-select: none;
}

.is-app p,
.is-app input,
.is-app textarea,
.is-app .price,
.is-app .prod-price,
.is-app .order-number,
.is-app .track-code,
.is-app .bank-details,
.is-app .prod-desc,
.is-app .product-description {
  -webkit-user-select: text;
  user-select: text;
}

/* --------------------------------------------------------------- offline */

.is-app.is-offline .buy-bar,
.is-app.is-offline [type="submit"] {
  opacity: .55;
  pointer-events: none;
}