/* The supplied logo is displayed unchanged; the frame omits its white outer margins. */
html body .creek-logo-image{display:block!important;width:194px!important;max-width:100%!important;height:auto!important;aspect-ratio:493/94!important;flex:0 1 194px!important;background:#fff url('/public/creek-rentals-logo.jpeg') 21% 46.5%/157% auto no-repeat!important;margin:0!important;padding:0!important;border:0!important}
html body .creek-portal-brand{display:flex!important;align-items:center!important;min-width:0!important;gap:0!important;text-decoration:none!important}
html body .unified-menu-brand .creek-logo-image{width:194px!important}
@media(max-width:360px){html body .site-header .brand.creek-portal-brand{min-width:0!important}html body .creek-header-controls>.creek-portal-brand{max-width:100%!important}}

/* Every mobile page uses the same icon-only account control. Names remain in the account menu. */
@media(max-width:760px){
 html body{--portal-account-width:44px}
 html body :is(#portalAccountMenu,#accountMenu){width:44px!important;min-width:44px!important;flex:0 0 44px!important}
 html body :is(#portalAccountMenu,#accountMenu)>summary{width:44px!important;height:44px!important;min-width:44px!important;justify-content:center!important;gap:0!important}
 html body :is(#portalAccountMenu,#accountMenu)>summary>span,
 html body #accountMenu>summary #headerName,
 html body #portalAccountMenu>summary #portalAccountName{display:none!important}
 html body :is(#portalAccountMenu,#accountMenu)>summary svg{width:22px!important;height:22px!important;flex:0 0 22px!important}
 html body .portal-topbar .creek-header-controls{padding-right:60px!important}
 html body .site-header{grid-template-columns:minmax(0,1fr) 44px 44px!important}
}

/* Match the Book header's icon scale and keep the two controls close to the right gutter. */
@media(max-width:760px){
 html body #mobileMenu,html body .site-header #mobileMenu{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  display:grid!important;place-items:center!important;padding:0!important;
  font:400 29px/1 Arial,sans-serif!important;color:#ff432d!important;
 }
 html body #mobileMenu svg{width:24px!important;height:24px!important}
 html body :is(#accountMenu,#portalAccountMenu)>summary svg{width:22px!important;height:22px!important;flex:0 0 22px!important}
 html body .site-header{column-gap:2px!important}
 html body .portal-topbar .creek-header-controls{padding-right:54px!important;column-gap:2px!important}
}

/* Use a transparent, light wordmark on the dark sign-in panel. */
html body #authModal .auth-showcase .creek-logo-image{background:transparent url('/assets/creek-rentals-logo-dark.svg') center/contain no-repeat!important}