/* Keep the logo and mobile controls in separate columns on Safari and Chromium. */
@media (max-width:1280px){
 .header-field > .wrapper{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  column-gap:20px;
 }
 .header-field > .wrapper > .logo-wrapper{min-width:0;justify-self:start;}
 .header-field > .wrapper > .tools-wrapper{
  justify-self:end;
  width:max-content;
  min-width:0;
  flex-shrink:0;
 }
 .header-field .tools-wrapper > .language{flex:0 0 auto;}
 .header-field .tools-wrapper .language > .current{flex-shrink:0;}
 .header-field .tools-wrapper .language > .current > img{
  width:24px;height:24px;flex:0 0 24px;
 }
 .header-field .tools-wrapper > .mobile-menu-trigger{
  width:48px;min-width:48px;height:48px;flex:0 0 48px;
 }
}

/* Match the open menu's opaque surface and temporarily hide floating CRM UI. */
@media (max-width:1280px){
 .header-field:has(.mobile-menu-trigger.is-active){
  background-color:#262626!important;
  background-image:none!important;
 }
 body:has(.header-field .mobile-menu-trigger.is-active) .b24-widget-button-wrapper,
 body:has(.header-field .mobile-menu-trigger.is-active) .b24-widget-button-shadow,
 body:has(.header-field .mobile-menu-trigger.is-active) .b24-window-mounts{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
 }
}

/* The menu and logo background become opaque in the same frame. */
@media (max-width:1280px){
 .header-field:has(.mobile-menu-trigger.is-active){
  transition-property:height,transform!important;
 }
}