/*
 * HiBOU shared Header content-fit contract.
 * 1216px is the measured content boundary, not a device-class breakpoint.
 * Full navigation begins at 1217px; 1216px and below use the existing menu.
 */

header#header > .header-inner,
header.hdr > .hdr-in,
body > header > .hibou-header-inner,
body > header > .nav:has(> .nav-links),
.site-header > .header-inner:has(> .desktop-nav),
.mc-header > .mc-header-inner,
body > header > .header-inner:has(> .menu-btn) {
  max-width: 1200px;
}

body > header > .hibou-header-inner {
  width: 100%;
  margin-inline: auto;
}

@media (max-width: 1216px) {
  header#header > .header-inner > nav:not(.mobile-nav),
  header.hdr > .hdr-in > .main-nav,
  body > header > .hibou-header-inner > .nav-links,
  body > header > .nav:has(> .nav-links) > .nav-links,
  .site-header > .header-inner > .desktop-nav,
  .mc-header > .mc-header-inner > .mc-desktop-nav,
  body > header > .header-inner:has(> .menu-btn) > nav {
    display: none;
  }

  header#header > .header-inner .hamburger,
  header.hdr > .hdr-in .burger,
  body > header > .hibou-header-inner .hamb,
  body > header > .nav:has(> .nav-links) .hamb,
  .site-header > .header-inner > .header-actions > .hamburger {
    display: inline-flex;
  }

  .mc-header > .mc-header-inner > .mc-menu,
  body > header > .header-inner > .menu-btn {
    display: block;
  }
}

@media (min-width: 1217px) {
  header#header > .header-inner > nav:not(.mobile-nav),
  header.hdr > .hdr-in > .main-nav,
  body > header > .hibou-header-inner > .nav-links,
  body > header > .nav:has(> .nav-links) > .nav-links,
  .site-header > .header-inner > .desktop-nav,
  .mc-header > .mc-header-inner > .mc-desktop-nav,
  body > header > .header-inner:has(> .menu-btn) > nav {
    display: flex;
    flex-wrap: nowrap;
  }

  header#header > .header-inner > nav:not(.mobile-nav) > a,
  header#header > .header-inner > nav:not(.mobile-nav) > .nav-item-dropdown > a,
  header.hdr > .hdr-in > .main-nav > a,
  header.hdr > .hdr-in > .main-nav > .nav-item-dropdown > a,
  body > header > .hibou-header-inner > .nav-links > a,
  body > header > .hibou-header-inner > .nav-links > .nav-item-dropdown > a,
  body > header > .nav:has(> .nav-links) > .nav-links > a,
  body > header > .nav:has(> .nav-links) > .nav-links > .nav-item-dropdown > a,
  .site-header > .header-inner > .desktop-nav > a,
  .site-header > .header-inner > .desktop-nav > .nav-item > a,
  .mc-header > .mc-header-inner > .mc-desktop-nav > a,
  body > header > .header-inner:has(> .menu-btn) > nav > a {
    white-space: nowrap;
  }

  header#header > .header-inner .hamburger,
  header.hdr > .hdr-in .burger,
  body > header > .hibou-header-inner .hamb,
  body > header > .nav:has(> .nav-links) .hamb,
  .site-header > .header-inner > .header-actions > .hamburger,
  .mc-header > .mc-header-inner > .mc-menu,
  body > header > .header-inner > .menu-btn,
  nav.mobile-nav,
  div.mobile-nav,
  nav.mob-nav {
    display: none;
  }
}

header#header > .header-inner .hamburger,
header.hdr > .hdr-in .burger {
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

header#header > .header-inner .hamburger:focus-visible,
header.hdr > .hdr-in .burger:focus-visible,
body > header > .hibou-header-inner .hamb:focus-visible,
body > header > .nav:has(> .nav-links) .hamb:focus-visible,
.site-header > .header-inner > .header-actions > .hamburger:focus-visible,
.mc-header > .mc-header-inner > .mc-menu > summary:focus-visible,
body > header > .header-inner > .menu-btn:focus-visible {
  outline: 3px solid #3f5d35;
  outline-offset: 3px;
}