/* MedExPrep site header (2026): calmer, institutional. Overrides the theme's pill-style nav.
   Desktop only (> 1100px); the theme's mobile drawer is left as is. */

.header {
  background: #fff !important;
  border-bottom: 1px solid #e6eaf0 !important;
  backdrop-filter: none !important;
  box-shadow: none;
  transition: box-shadow .2s ease;
}
.header.mxh-scrolled { box-shadow: 0 1px 0 rgba(11, 27, 51, .04), 0 10px 30px -18px rgba(11, 27, 51, .22); }
.header img.brand__logo { height: 32px; }

@media (min-width: 1101px) {
  .header__inner { padding: 0 !important; height: 72px; gap: 28px !important; align-items: stretch !important; }
  .header__inner > .brand { display: flex; align-items: center; }
  .header .nav { display: flex; align-items: stretch; }
  .header .nav__menu { gap: 4px !important; align-items: stretch !important; height: 72px; }
  /* Five category menus always show; the theme's "More"/overflow script and the mobile CTA stay out of the desktop bar. */
  .header .nav__menu > li.mega:not([data-mega="support"]) { display: flex !important; align-items: stretch; }
  .header .nav__menu > li.nav__item, .header .nav__menu > li[data-mega="support"],
  .header .nav__menu > li.nav__more, .header .nav__menu > li.nav__mobileCta { display: none !important; }

  /* nav items: plain text, full-height hit area, underline on the header's bottom edge */
  .header .nav__menu > li > .mega__btn,
  .header .nav__menu > li > a.mega__btn {
    position: relative;
    display: inline-flex; align-items: center; gap: 6px;
    height: 72px; padding: 0 13px !important; white-space: nowrap;
    border-radius: 0 !important;
    background: none !important; box-shadow: none !important; transform: none !important;
    font: 600 14.5px/1 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    letter-spacing: -.005em;
    color: #1e2b44 !important;
  }
  .header .mega__btn::after {
    content: ""; position: absolute; left: 14px; right: 14px; bottom: -1px; height: 2px; border-radius: 2px 2px 0 0;
    background: #179d99; transform: scaleX(0); transform-origin: center; transition: transform .2s ease;
  }
  .header .nav__menu > li > .mega__btn:hover { color: #0b1b33 !important; }
  .header .nav__menu > li > .mega__btn:hover::after { transform: scaleX(1); background: #cfd8e3; }
  .header .mega.open > .mega__btn { color: #0f7c79 !important; }
  .header .mega.open > .mega__btn::after { transform: scaleX(1) !important; background: #179d99 !important; left: 14px !important; right: 14px !important; bottom: -1px !important; height: 2px !important; opacity: 1 !important; }
  .header .mega__chev { width: 14px !important; height: 14px !important; opacity: .5 !important; transform: none; transition: transform .2s ease, opacity .2s ease; }
  .header .mega__btn:hover .mega__chev { opacity: .8 !important; }
  .header .mega.open .mega__chev { opacity: 1 !important; transform: rotate(180deg) !important; }

  /* right side */
  .header__right { gap: 6px !important; align-items: center !important; }
  .header__cta { gap: 6px !important; }
  .mxh-hlink {
    display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 12px; border-radius: 8px;
    font: 600 14px/1 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #475569 !important; text-decoration: none !important;
    transition: color .15s ease, background .15s ease;
  }
  .mxh-hlink svg { width: 16px; height: 16px; flex: none; }
  .mxh-hlink span { white-space: nowrap; }
  .mxh-hlink:hover { color: #0b1b33 !important; background: #f3f6f9; }
  .mxh-hsep { width: 1px; height: 24px; background: #e2e8f0; margin: 0 8px; }

  .header__cta .btn {
    height: 40px; padding: 0 16px !important; border-radius: 8px !important;
    font: 600 14.5px/1 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    letter-spacing: -.005em; transform: none !important; text-shadow: none !important;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  }
  .header__cta .btn-outline {
    background: transparent !important; border: 0 !important; box-shadow: none !important; color: #1e2b44 !important;
  }
  .header__cta .btn-outline:hover { background: #f3f6f9 !important; color: #0b1b33 !important; }
  .header__cta .btn-primary {
    background: #0f7c79 !important; color: #fff !important; border: 0 !important;
    box-shadow: 0 1px 2px rgba(11, 27, 51, .12), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
  }
  .header__cta .btn-primary:hover { background: #0b6663 !important; box-shadow: 0 6px 16px -6px rgba(15, 124, 121, .6) !important; filter: none !important; }
  .header__cta .btn-primary .mxh-arr { width: 15px; height: 15px; transition: transform .15s ease; }
  .header__cta .btn-primary:hover .mxh-arr { transform: translateX(2px); }
}
@media (max-width: 1240px) and (min-width: 1101px) {
  .mxh-hlink--inst span { display: none; }
  .header .nav__menu > li > .mega__btn { padding: 0 10px !important; }
}
@media (max-width: 1100px) { .mxh-hlink, .mxh-hsep { display: none !important; } }

/* Right-hand group (For institutions, Log in, Get started) centered on the same line as the menu */
@media (min-width: 1101px) {
  header.header .header__inner > .header__right { margin-top: 0 !important; margin-bottom: 0 !important; align-self: center !important; }
}