/* Mobile header menu contrast: readable over both dark hero images and the light scrolled header. */
@media (max-width: 900px) {
  html[data-abelle-site="true"] #header.ab-nav-v2 #burger {
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    border-radius: 50% !important;
    background: rgba(25, 21, 18, .34) !important;
    box-shadow: 0 4px 16px rgba(16, 12, 10, .20) !important;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
  }

  html[data-abelle-site="true"] #header.ab-nav-v2 #burger span {
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .32) !important;
  }

  html.ab-header-scrolled[data-abelle-site="true"] #header.ab-nav-v2 #burger,
  html[data-abelle-site="true"] #header.ab-nav-v2.ab-header-solid #burger {
    border-color: rgba(55, 46, 40, .15) !important;
    background: rgba(255, 255, 255, .84) !important;
    box-shadow: 0 3px 12px rgba(35, 28, 24, .11) !important;
  }

  html.ab-header-scrolled[data-abelle-site="true"] #header.ab-nav-v2 #burger span,
  html[data-abelle-site="true"] #header.ab-nav-v2.ab-header-solid #burger span {
    background: #332c27 !important;
    box-shadow: none !important;
  }

  html[data-abelle-site="true"] #header.ab-nav-v2 #burger:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .92) !important;
    outline-offset: 3px !important;
  }

  html.ab-header-scrolled[data-abelle-site="true"] #header.ab-nav-v2 #burger:focus-visible,
  html[data-abelle-site="true"] #header.ab-nav-v2.ab-header-solid #burger:focus-visible {
    outline-color: rgba(51, 44, 39, .72) !important;
  }
}