/*
 * Primary nav injected into the MemberPress ReadyLaunch header (see
 * memberpress/readylaunch/layout/header.php and guest.php) - a plain
 * wp_nav_menu() call, styled white to sit on the header's blue background,
 * to the left of the account/profile dropdown on authenticated pages.
 *
 * This is its own dependency-free stylesheet (enqueued in functions.php)
 * rather than living in style.css, deliberately: style.css's own
 * "child-style" handle depends on "uncode-style", and ReadyLaunch pages
 * strip every stylesheet except an allow-listed few (see
 * uncode_readylaunch_keep_menu_styles() in functions.php) - a style whose
 * dependency got stripped is silently dropped too, so this needs to have no
 * dependencies of its own to reliably survive that strip.
 */
.mepr-rl-header-right {
  display: flex;
  align-items: center;
  gap: 28px;
}
.mepr-rl-topnav {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mepr-rl-topnav li {
  margin: 0;
}
.mepr-rl-topnav a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
}
.mepr-rl-topnav a:hover,
.mepr-rl-topnav a:focus {
  text-decoration: underline;
}
/* .mepr-rl-mobile-nav-links (below) covers mobile access to these same
   links via the account hamburger, so just hide this row there rather than
   let it crowd the small header. */
@media (max-width: 839px) {
  .mepr-rl-topnav {
    display: none;
  }
}

/* "Get Help" styled as a bordered button rather than a plain link - see
   uncode_readylaunch_topnav_cta_class() in functions.php for the class. */
.mepr-rl-topnav__cta > a {
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 6px 16px;
}
.mepr-rl-topnav__cta > a:hover,
.mepr-rl-topnav__cta > a:focus {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.15);
}

/*
 * The same top-nav links, repeated as plain items above the existing
 * Account/Change Password/Logout links in the account hamburger's dropdown
 * (see memberpress/readylaunch/layout/header.php) - mobile-only, since
 * .mepr-rl-topnav above already covers desktop. The dropdown itself is
 * shared between the desktop ("--is-tablet") and mobile ("--is-mobile")
 * profile-menu buttons (see general.js), so without this media query these
 * links would also show, redundantly, when opening the dropdown on desktop.
 */
.mepr-rl-mobile-nav-links {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
}
@media (min-width: 840px) {
  .mepr-rl-mobile-nav-links {
    display: none;
  }
}