/* ===== Fixed header: logo left, nav right, full-width ===== */

/* Make the header bar full width with small side gutters */
.site-header.fixed-header { padding: 0 !important; }
.site-header.fixed-header > .wrap {
  max-width: none !important;
  margin: 0 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Flex row: pack left, push nav to the right via margin-left:auto */
.site-header .header-inner {
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  width: 100%;
}
.site-header .site-logo { display: block; margin-right: auto !important; }

/* Primary nav sits on the right on desktop, no absolute/clear/float */
.site-header .nav-primary {
  margin-left: auto !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  position: static !important;
  padding: 0 !important;
}

/* Make the UL horizontal */
.site-header .genesis-nav-menu {
  display: flex !important;
  gap: 1.25rem;
  align-items: center;
  justify-content: flex-end !important;
  width: auto !important;
}

/* ===== Visibility: mobile first ===== */
.menu-toggle { display: flex; align-items: center; justify-content: center; }
.nav-primary { display: none; }             /* hidden on mobile */
.nav-primary.is-open { display: block; }    /* shown when JS adds .is-open */

/* Desktop (Genesis breakpoint ≈960px): show nav, hide hamburger */
@media (min-width: 960px) {
  .menu-toggle { display: none !important; }
  .nav-primary { display: flex !important; }
}