/* === Header: keep original background, center logo+menu vertically === */

/* Keep the header's original background from your theme file */
.site-header {
  background-color: #78b7b6 !important;
}

/* Make the inner header a single row and center items vertically */
.site-header > .wrap {
  display: flex;
  align-items: center; /* vertical centering for logo + menu */
  justify-content: space-between;
  gap: 16px;
}

/* Remove Genesis's forced centering & 133px box around the logo area */
.wp-custom-logo .title-area {
  margin-left: 0 !important;
  margin-right: auto !important; /* keeps logo left, menu to the right */
  width: auto !important;
  height: 100px !important; /* match logo height for clean centering */
  padding: 0 !important;
  float: none !important; /* avoid float fighting flex */
  display: flex;
  align-items: center;
}

/* Make the logo image render up to 100px tall (keep aspect) */
.site-header .custom-logo-link .custom-logo {
  height: 100px !important;
  width: auto !important;
  max-height: 100px !important; /* hard cap as requested */
}

/* Prevent the site title link box from stretching the row */
.wp-custom-logo .site-title > a {
  width: auto !important;
  min-height: 0 !important;
}

/* Keep the primary nav aligned to the same center line */
.site-header .nav-primary > .wrap {
  display: flex;
  align-items: center;
  padding: 0;
}

/* Desktop: show standard menu; Mobile: let Genesis toggle work */
@media (max-width: 1023px) {
  /* When the button gets .activated, show the menu (adjacent sibling rule) */
  #genesis-mobile-nav-primary.activated + nav.genesis-responsive-menu {
    display: block !important;
  }
}

.genesis-nav-menu a,
.genesis-nav-menu .toggle-header-search {
  color: #fff;
}

.genesis-nav-menu a:hover {
  text-decoration: underline;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .toggle-header-search:focus,
.genesis-nav-menu .toggle-header-search:hover {
  color: #fff;
}