/* v6.83 — mobile UX pass for the public site. Loaded from the shared footer
   (book, guide, FAQ, reserve, privacy, terms) and index.html.
   What it fixes, from a 375px review of the live site:
   - form controls rendered at 14px → iOS Safari zooms the page on focus;
     16px is the threshold that stops it
   - homepage quick-nav labels at 8.6px with the last item clipped off-screen
   - nav/footer links 17–36px tall vs the 44px minimum touch target
   - the fixed "book direct" bar covering the hero CTA and the footer
   - 300ms double-tap-zoom delay on taps */
@media (max-width: 768px) {
  /* iOS focus-zoom killer: no form control below 16px */
  input, select, textarea { font-size: 16px !important; }

  /* comfortable taps everywhere */
  a, button { -webkit-tap-highlight-color: rgba(200,164,99,.28); touch-action: manipulation; }
  button, .btn, [role="button"] { min-height: 44px; }

  /* homepage quick-nav: readable size, swipeable row instead of clipped labels */
  .nav { gap: 2px !important; overflow-x: auto; -webkit-overflow-scrolling: touch;
         scrollbar-width: none; justify-content: flex-start !important; }
  .nav::-webkit-scrollbar { display: none; }
  .nav a { font-size: 10.5px !important; letter-spacing: .08em !important;
           padding: 12px 9px !important; min-height: 44px;
           display: inline-flex; align-items: center; flex: 0 0 auto; }

  /* footer columns: every link a full-height touch row, readable size */
  .fcol a { display: flex; align-items: center; min-height: 44px; font-size: 13px; }

  /* legibility floor for fine print */
  small { font-size: max(11px, .95em); }

  /* the fixed book-direct bar: respect the iPhone home-bar inset and stop it
     covering the last content on screen (hero CTA, footer) */
  .mbook { padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important; }
  body:has(.mbook) { padding-bottom: 88px; scroll-padding-bottom: 100px; }
}