/* Touch targets + nav discoverability — measured at 390px, 2026-07-16.
   BEFORE: 7 of 11 nav buttons under 44px (Jesus 36x52, Devos 40x52); 529px of
   buttons in a 334px scroller, so only 7 of 11 tabs were reachable without
   sideways scrolling. Exit was 21x14 — effectively unhittable.

   Apple's floor is 44x44, Google's 48x48 — and these are CHILDREN, whose aim is
   worse than an adult's. 48 is the floor here, not the target.

   KEY DECISION: just enlarging the buttons pushes MORE tabs off-screen (bigger
   targets, worse discovery). So the bar WRAPS instead of scrolling — every tab
   visible, nothing hidden.
   TUNED: 60px min-width produced THREE rows (196px = 23% of an 844px phone).
   48px fits 6 per row = two rows (~130px) and still clears both floors. */

@media (max-width: 899px) {
  #mob-tab-bar {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    justify-content: center;
    gap: .25rem !important;
    padding: .35rem !important;
  }
  #mob-tab-bar .tab-btn {
    flex: 0 0 auto !important;
    min-width: 48px;
    min-height: 48px;
    padding: .4rem .3rem !important;
    font-size: .58rem !important;
    justify-content: center;
  }
  #mob-tab-bar .tab-btn .ti { font-size: 1.2rem !important; }

  /* Exit was 21x14. Real target, without being inviting enough to hit by accident. */
  .dash-sticky button {
    min-width: 48px;
    min-height: 44px;
    padding: .4rem .6rem !important;
  }

  .btn, .btn-gold, .btn-dark { min-height: 44px; }
}