/* css/mobile.css — phone-width overrides, then the 16px input floor.
   Loaded last on purpose. */

@media (max-width: 560px) {
  .bit-hide-sm { display: none; }
  .bit-nav-link span { display: none; }
  .bit-nav-link:not(.bit-nav-link--icon) { width: 44px; padding: 0; justify-content: center; }
  .bit-nav-link svg { width: 22px; height: 22px; }
  .bit-main { padding-top: var(--s-4); }
  .bit-screen-head h1 { font-size: 22px; }
  .bit-stepper__item > a, .bit-stepper__item > span { padding: 0 4px; gap: 6px; font-size: 13px; }
  .bit-wz__foot .bit-btn { flex: 1 1 0; padding: 0 12px; }
  .bit-review__kv { grid-template-columns: 84px 1fr; }
  .bit-tree__tools { margin-left: 0; width: 100%; }
  .bit-auth__card { padding: var(--s-4); }
}

/* ─────────────────────────────────────────────────────────────────────────────
   KEEP LAST IN THE FILE — the 16px input floor. Anything under 16px triggers
   iOS Safari's focus auto-zoom. These are 0,1,0 and tie with the component
   rules they override, so the win comes from source order. A new sub-16px
   field is added HERE, not next to its component.
   ───────────────────────────────────────────────────────────────────────────── */
.bit-input,
.bit-textarea,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  font-size: 16px;
}