/* ============================================================================= * iOS Safari: focused text entry must compute to >= 16px or the viewport zooms. * This sheet loads LAST in the document (after auth-modal, page bundles, discover). * Uses @supports to target WebKit (iOS) only; other browsers ignore the block. * Excludes hidden, checkbox, radio, and generic button-like inputs. * ============================================================================= */ @supports (-webkit-touch-callout: none) { /* Discover (scoped so host-only pages are unaffected) */ body.discover-page #datetime-picker-dropdown input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]), body.discover-page #datetime-picker-dropdown select, body.discover-page #datetime-picker-dropdown textarea, body.discover-page #unified-autocomplete input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]), body.discover-page #unified-autocomplete select, body.discover-page #unified-autocomplete textarea, body.discover-page #search-input, body.discover-page #amenities-popup input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), body.discover-page #amenities-popup select, body.discover-page #amenities-popup textarea, body.discover-page #listings-overlay input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), body.discover-page #listings-overlay select, body.discover-page #listings-overlay textarea, body.discover-page #listings-sheet input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), body.discover-page #listings-sheet select, body.discover-page #listings-sheet textarea, body.discover-page .discover-top-bar input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), body.discover-page .discover-top-bar select, body.discover-page .discover-top-bar textarea, body.discover-page select[data-sync-group="sort-selection"], body.discover-page #spot-detail-view input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), body.discover-page #spot-detail-view select, body.discover-page #spot-detail-view textarea, /* Auth + checkout: compact rules in auth-modal / checkout CSS use smaller !important */ #auth-modal input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]), #auth-modal select, #auth-modal textarea, #auth-modal-content input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]), #auth-modal-content select, #auth-modal-content textarea, #forgot-password-popup input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]), #forgot-password-popup select, #forgot-password-popup textarea, #forgot-password-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]), #forgot-password-form select, #forgot-password-form textarea, #guest-booking-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), #guest-booking-form select, #guest-booking-form textarea, #checkout-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), #checkout-form select, #checkout-form textarea, /* Guest booking hub + auth surfaces (base.html; may use compact text-sm in templates) */ #guest-message-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), #guest-message-form select, #guest-message-form textarea, #guest-arrival-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), #guest-arrival-form select, #guest-arrival-form textarea, #guest-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), #guest-form select, #guest-form textarea, #verificationForm input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), #verificationForm select, #verificationForm textarea, .auth-recovery-page .auth-recovery-input, .auth-recovery-page .auth-recovery-input.is-code, /* Messages / Spot Assistant (chat responsive.css used sub-16px !important) */ body.chat-page .chat-input, body.chat-page #message-input, body.chat-page .chat-input-area textarea, body.chat-page #chatInput, body.chat-page .support-chat-inline-mode #chatInput, body.chat-page .support-chat-inline-mode textarea, body.my-bookings-messaging-tab .chat-input, body.my-bookings-messaging-tab #message-input, body.my-bookings-messaging-tab .chat-input-area textarea, body.my-bookings-messaging-tab #conversation-search, body.host-inbox-messaging-tab .chat-input, body.host-inbox-messaging-tab #message-input, body.host-inbox-messaging-tab .chat-input-area textarea, body.host-inbox-messaging-tab #conversation-search, body.host-inbox-messaging-tab #chatInput, body.host-inbox-messaging-tab .support-chat-inline-mode #chatInput, body.host-inbox-messaging-tab .support-chat-inline-mode textarea, body.my-bookings-messaging-tab #chatInput, body.my-bookings-messaging-tab .support-chat-inline-mode #chatInput, body.my-bookings-messaging-tab .support-chat-inline-mode textarea, #my-bookings-page .renter-chat .chat-input, #my-bookings-page .renter-chat #message-input, #my-bookings-page .renter-chat .chat-input-area textarea, #my-bookings-page .renter-chat #conversation-search, #my-bookings-page .chat-sidebar #conversation-search, #my-bookings-page #message-input, #supportChatWidget #chatInput { font-size: 16px !important; } }