/** * Mobile viewport hygiene for public search + booking calendar. * * Loaded after style.min.css so these rules win the cascade. * - iOS Safari zooms focused inputs when computed font-size < 16px. * - Theme CSS sets search inputs to 15px on phones and booking inputs to 14px. * - Google Places .pac-container and daterangepicker can widen past the viewport. */ @media (max-width: 991.98px) { .main-search-input-wrap input, .main-search-input-wrap input#mapInputSearch, .main-search-input-wrap .main-search-input-item input, .list-searh-input-wrap .listsearch-input-item input, .search-sb .listsearch-input-item input, .custom-form input[type='text'], .custom-form input[type='search'], .custom-form input[type='email'], .custom-form input[type='tel'], .listsearch-input-item input[type='text'], #daterangeSchedule1, #mapInputSearch, dp-date-picker .dp-picker-input, .dp-material .dp-picker-input { font-size: 16px !important; } .main-search-input-wrap input::placeholder, .main-search-input-item input::-webkit-input-placeholder, .listsearch-input-item input::-webkit-input-placeholder, .custom-form input::placeholder { font-size: 16px !important; } .main-search-input-wrap .main-search-input-item input { max-width: 100% !important; overflow: hidden !important; } } /* Places dropdown is appended to ; clamp so it cannot widen the page. */ body .pac-container { box-sizing: border-box !important; max-width: min(100vw - 16px, 100%) !important; }