/* ===================================================================
   ENTEBOOMI — WebView text-selection lockdown
   The Android app just wraps this same site in a WebView (Chromium
   under the hood), so a press-and-hold does exactly what it would in
   a normal mobile browser tab: selects text and pops up the
   copy/select-all handles. That reads as "this is a website", not an
   app. This file turns that off site-wide.

   Inputs, textareas, and anything actually editable are explicitly
   exempted below, so typing and selecting inside a form field still
   works exactly as before — this only stops selection on ordinary
   page text (product names, prices, body copy, etc.), not on
   anything the person is meant to type into.

   Need a specific bit of text to stay copyable (an order ID, a
   referral code, a delivery address)? Add class="selectable" to that
   element (or its wrapper) — it opts back in, nothing is blocked by
   default that isn't covered by the input/textarea rule above. ===== */

html, body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* iOS Safari/WebView: suppresses the press-and-hold callout menu
     (Copy / Share / Look Up) that would otherwise still appear even
     with user-select: none. No effect on Android, but harmless there. */
  -webkit-touch-callout: none;
}

input,
textarea,
[contenteditable="true"],
[contenteditable=""] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

.selectable,
.selectable * {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

/* ===================================================================
   No blue tap flash / focus square on touch
   Tapping an icon, button or link in the WebView (or a mobile browser)
   was drawing Android's default blue highlight box around it, plus a
   focus outline after the tap. Both are removed here.
   Keyboard users still get a visible focus ring (:focus-visible), so
   accessibility is kept — only the mouse/touch "click" ring is hidden.
   =================================================================== */
*, *::before, *::after {
  -webkit-tap-highlight-color: transparent;
}
a, button, [role="button"], label, summary, svg, img,
input[type="checkbox"], input[type="radio"], input[type="button"], input[type="submit"], select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
:focus:not(:focus-visible) {
  outline: none;
}
a:focus, button:focus, [role="button"]:focus, [tabindex]:focus {
  -webkit-tap-highlight-color: transparent;
}
a:focus:not(:focus-visible), button:focus:not(:focus-visible), [role="button"]:focus:not(:focus-visible), [tabindex]:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}