/* BZ_MOBILE_POLISH_2026 — phone usability fixes applied site-wide.
   Measured on a 375x812 viewport against the live site. */

@media (max-width: 768px) {

  /* iOS Safari auto-zooms into any focused field whose font-size is under 16px,
     which yanks the layout sideways mid-signup. All fields measured 13.6-14.8px. */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea {
    font-size: 16px !important;
  }

  /* Footer links rendered 17px tall — far below a comfortable thumb target.
     Padding lifts them to ~40px without changing the visual rhythm much. */
  .bz-footer-links li a,
  .bz-footer-column ul li a {
    display: inline-block;
    padding: 9px 0;
    line-height: 1.35;
    min-height: 22px;
  }

  /* Inline legal links (e.g. Cookie Policy) sat at 15px tall. */
  .bz-footer a,
  footer p a {
    padding: 4px 0;
    display: inline-block;
  }

  /* Long unbroken strings (URLs, service names) must never widen the page. */
  h1, h2, h3, p, li, td {
    overflow-wrap: break-word;
    word-break: break-word;
  }

  /* Tables are the usual source of sideways scroll — let them scroll themselves. */
  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}