/* iOS app fixes — scoped to .is-ios-app (tc_app cookie AND iOS UA, core.class.php).
   Android, mobile web and desktop never receive the class, so nothing here can
   affect them.

   ---------- 1. Stop iOS zooming when a field is focused ----------

   iOS Safari/WKWebView AUTO-ZOOMS the page whenever a focused text control has a
   font-size below 16px. Several controls here are 13px (.tc-compose-input,
   textarea.tc-input), so tapping the comment box zooms the page in.

   That zoom is not just cosmetic: zooming shrinks and offsets the visual viewport,
   which is measured by the keyboard handling in tc-ios-keyboard-cb3.js and is a
   large part of why the comment area appeared to "overflow off the screen". Fixing
   the zoom removes a moving target from the keyboard layout, not only the visual
   jump.

   16px is the documented threshold — the fix is to meet it, not to disable zoom via
   the viewport meta tag (`maximum-scale=1, user-scalable=no`), which also blocks
   deliberate pinch-zoom and is an accessibility regression.

   Text stays 13px everywhere else; only the interactive controls change, and only
   inside the app. */
.is-ios-app input[type="text"],
.is-ios-app input[type="email"],
.is-ios-app input[type="password"],
.is-ios-app input[type="search"],
.is-ios-app input[type="tel"],
.is-ios-app input[type="url"],
.is-ios-app input[type="number"],
.is-ios-app input[type="date"],
.is-ios-app input:not([type]),
.is-ios-app textarea,
.is-ios-app select,
.is-ios-app .tc-input,
.is-ios-app .tc-textarea,
.is-ios-app .tc-select,
.is-ios-app .tc-compose-input,
.is-ios-app .form-control {
  font-size: 16px !important;
}

/* The comment box is sized around 13px text, so give the taller line-height room
   rather than letting the send button and tools crowd it. */
.is-ios-app .tc-compose-input {
  line-height: 1.4;
}