/* Android WebView Optimization */

/* Viewport and layout */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Prevent rubber-band scrolling */
body {
  overscroll-behavior-y: contain;
  overflow-x: hidden;
}

/* Touch optimizations */
button, a, input, select, textarea {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* Safe area for status bar and notch */
@supports (padding: max(0px)) {
  body {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
    padding-top: max(0px, env(safe-area-inset-top));
  }
}

/* Prevent layout shift from scrollbars */
html {
  scrollbar-gutter: stable;
}

/* Optimize performance for WebView */
* {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Ensure inputs don't zoom on iOS/Android */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea {
  font-size: 16px;
}

/* Disable double-tap zoom */
input, button, a {
  touch-action: manipulation;
}