/* File: /styles/lmp_header_overrides.css */
/* PURPOSE: Force LC header to render consistently on ALL LMP pages.
   Scoped to #main-header so it won't touch page content styles. */

#main-header,
header#main-header {
  background-color: #020617 !important;
  border-bottom: 1px solid rgba(148,163,184,0.35) !important;
  box-shadow: 0 4px 20px rgba(15,23,42,0.9) !important;

  /* Ensure header is above page content overlays on legacy pages */
  position: relative !important;
  z-index: 1000 !important;
}

/* ---- Font consistency: force header typography regardless of page CSS ---- */
#main-header,
#main-header * {
  font-family: "Noto Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

/* Kill bullets / legacy list indentation inside header only */
#main-header ul,
#main-header ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#main-header li { list-style: none !important; }

/* Force nav layout back to LC flex expectations */
#main-header nav { display: flex !important; }
#main-header .nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
}

/* Critical: stop legacy global link styles (blue/underline/visited) */
#main-header a,
#main-header a:link,
#main-header a:visited,
#main-header nav a,
#main-header nav a:link,
#main-header nav a:visited {
  color: #f9fafb !important;
  text-decoration: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Hover/active look consistent */
#main-header nav ul.nav-links li a:hover,
#main-header nav ul.nav-links li a.active {
  color: #0ea5e9 !important;
  background-color: rgba(15,23,42,0.95) !important;
  box-shadow: 0 0 0 1px rgba(148,163,184,0.9) !important;
}

/* Profile dropdown links (your screenshot showed these going blue) */
#main-header .dropdown-menu a,
#main-header .dropdown-menu a:link,
#main-header .dropdown-menu a:visited {
  color: #0f172a !important;
  text-decoration: none !important;
}

/* LMP: Do not show any LC profile icon or dropdown on livingmypurpose.com */
#main-header .profile-icon-container,
#main-header .profile-icon,
#main-header .dropdown-menu {
  display: none !important;
  pointer-events: none !important;
}

/* (Keep color rule harmlessly for any stray icons that slip in from markup changes) */
#main-header .profile-icon-container .profile-icon,
#main-header .profile-icon {
  color: #f9fafb !important;
}


/* If any page is still injecting a teal/gray header background via generic header{} rules */
header:not(#main-header) {
  /* do nothing; this file is scoped so we won't alter other headers */
}
/* ---- Two-row nav spacing + hierarchy (LC row 1, LMP row 2) ---- */

/* Give the nav list a little vertical breathing room between rows */
#main-header nav ul.nav-links#mobile-nav{
  row-gap: 10px !important;               /* space between row 1 and row 2 */
}

/* The injected row-break li should create separation (desktop + mobile) */
#main-header nav ul.nav-links#mobile-nav > li[style*="flex-basis:100%"]{
  height: 0 !important;
  margin: 2px 0 10px 0 !important;
  padding: 0 !important;
}

/* Make LMP row slightly smaller + less prominent */
#main-header nav ul.nav-links#mobile-nav li.lmp-nav a{
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  opacity: 0.92 !important;
  padding: 6px 10px !important;
}

/* Tighten LMP row item horizontal spacing a bit */
#main-header nav ul.nav-links#mobile-nav li.lmp-nav{
  margin: 0 8px !important;
}
/* ---- LMP BRIDGE: disable LC Help UI on livingmypurpose.com ---- */
#main-header #helpLink,
#main-header a#helpLink,
#main-header .help-link,
#footerHelpLink,
#helpModal,
.help-modal,
.help-modal * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Safety: hide any LC help widget container if present */
#main-header .help-widget,
#main-header .help-badge,
#main-header .help-pill,
#main-header [data-help],
#main-header [id*="help"],
#main-header [class*="help"] {
  /* do NOT hide everything named help site-wide; scoped to header */
  display: none !important;
}