/* Keep the public navigation readable with the additional map tab. */
@media (min-width:1320px) and (max-width:1599px){
  header.rbr-header nav button{font-size:.72rem;letter-spacing:.02em;padding:.45rem .25rem;white-space:nowrap}
}
@media (min-width:768px) and (max-width:1319px){
  header.rbr-header nav,#driver-auth-links{display:none!important}
  header.rbr-header .rbr-mobile-nav-toggle{display:block!important}
  #mobile-menu:not(.hidden){display:block!important}
}

/* The public map owns the content area beneath the site's navigation. */
.content-overlay:has(#mapaAoVivo:not(.hidden):not([hidden])){position:fixed;inset:0;display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0;padding-bottom:0;overflow:hidden}
.content-overlay:has(#mapaAoVivo:not(.hidden):not([hidden]))>header.rbr-header{flex-shrink:0}
main:has(>#mapaAoVivo:not(.hidden):not([hidden])){display:flex;flex:1;min-height:0;width:100%;max-width:none;margin:0;padding:0}
main:has(>#mapaAoVivo:not(.hidden):not([hidden]))>footer{display:none}
#mapaAoVivo:not(.hidden):not([hidden]){display:flex;flex:1;min-height:0;width:100%;padding:0;transform:none;will-change:auto}
#mapaAoVivo>.live-page-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#public-fleet-map-root{width:100%;height:100%;min-height:0;flex:1}
