/* ========================================================================== MOBILE APP SHELL -------------------------------------------------------------------------- The bottom tab bar, the Menu sheet, the Log in floating action, and the outline treatment for the two floating contact buttons. WHY A SEPARATE FILE, AND NOT theme.css OR mobile.css - theme.css is restored wholesale by tools\apply-logo-colours.ps1, so anything appended there disappears on the next palette rollback. - mobile.css is already 1,500 lines of measured fixes to EXISTING controls. This is a new piece of chrome with its own markup in MasterPage.master, and keeping it together with that markup is worth one more request. It loads last, after account.css, so it can override the inline dock rules in MasterPage.master where it needs to - and where those rules use !important, so does this file, with the reason stated at each one. EVERYTHING HERE IS MOBILE-ONLY. The bar and the sheet are display:none from 992px up, which is the breakpoint the header nav already uses to switch between the burger and the full menu - matching it means there is never a width where the site shows both a desktop nav and a phone tab bar. ========================================================================== */ /* ========================================================================== 1. THE BOTTOM TAB BAR -------------------------------------------------------------------------- Home / Trips / Cabs / Menu. "Trips" IS RENDERED AS EITHER A LINK OR A BUTTON, decided on the server: signed out it is a button that opens the sign-in dialog, signed in it is a link to MyTrips.aspx. That decision is not made in script because a script check is one a visitor can skip, and because the correct answer is already known at render time - there is no reason to make the browser ask. env(safe-area-inset-bottom) is the home-indicator strip on a modern iPhone. Without it the bar's labels sit under the indicator and the bottom row of tap target is unreachable. ========================================================================== */ /* THE BAR IS A