/* v0.40.3 - mobile form/input audit for Customer, Doctor and Admin */
@media (max-width: 900px) {
  /* 16px prevents mobile browsers from zooming or rendering oversized native suggestion UI. */
  input[type="search"],
  input[type="text"],
  input[type="url"],
  input[type="number"],
  input[type="tel"],
  input[type="email"],
  input[type="password"],
  select,
  textarea {
    max-width: 100%;
    box-sizing: border-box;
    font-size: 16px !important;
  }

  input[type="search"],
  input[data-combobox-input],
  input[data-no-browser-history] {
    -webkit-appearance: none;
    appearance: none;
    min-height: 46px;
  }

  .customer-simple-page,
  .customer-simple-search,
  .customer-simple-search form,
  .customer-compare-collapsible,
  .customer-compare-collapsible-body,
  .customer-compare-picker-grid,
  .admin-content,
  .admin-card,
  .admin-form,
  .admin-filter-bar,
  .filter-grid {
    min-width: 0;
    max-width: 100%;
  }

  .customer-simple-search form > *,
  .customer-compare-picker-grid > *,
  .admin-filter-bar > *,
  .filter-grid > * {
    min-width: 0;
    max-width: 100%;
  }

  /* Keep touch targets usable without changing desktop layout. */
  button,
  .button,
  .admin-button {
    min-height: 42px;
  }

  /* Native search decoration can overlap custom controls on narrow screens. */
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
  }
}

@media (max-width: 560px) {
  .customer-simple-search { overflow: visible; }
  .customer-simple-search form { width: 100%; }
  .customer-simple-search input { width: 100%; }
  .customer-inline-message { overflow-wrap: anywhere; }

  .chat-widget textarea[data-chat-input] {
    font-size: 16px !important;
  }
}