/* LMP -> LC bridge safety patch
   Goal: prevent legacy LMP CSS from breaking the LC header on non-index pages.
   Scope: ONLY the LC header (#main-header)
*/

header#main-header,
header#main-header *{
  box-sizing: border-box;
}

/* Kill bullets / indentation that legacy CSS may reintroduce */
header#main-header ul,
header#main-header ol{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
header#main-header li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Some LMP CSS uses nav ul div structure; force LC header UL layout */
header#main-header nav{
  display: flex;
}

/* Prevent blue/underline defaults from leaking in */
header#main-header a,
header#main-header a:link,
header#main-header a:visited{
  text-decoration: none !important;
}
/* --- INSERT START: LC profile dropdown safety (LMP bridge) --- */

/* Force dropdown links in header to inherit LC header colors (no blue/underline) */
header#main-header a,
header#main-header a:link,
header#main-header a:visited {
  text-decoration: none !important;
}

/* Profile container should not “stretch” or push nav */
header#main-header .profile-icon-container {
  display: flex;
  align-items: center;
}

/* Ensure the dropdown menu is a real panel, not inline text */
header#main-header .dropdown-menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;

  display: none;                 /* default hidden */
  flex-direction: column;
  min-width: 220px;
  padding: 10px 0;

  background: rgba(2, 6, 23, 0.96);   /* match header */
  border: 1px solid rgba(148,163,184,0.35);
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.35);
  z-index: 2000;
}

/* Common “open” states (Bootstrap uses .show; your LC code may use .is-open) */
header#main-header .dropdown-menu.show,
header#main-header .dropdown-menu.is-open {
  display: flex !important;
}

/* Menu items (support both <a> and <button>) */
header#main-header .dropdown-menu a,
header#main-header .dropdown-menu button {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px 16px;
  color: #f8fafc !important;
  text-decoration: none !important;
  background: transparent;
  border: 0;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
}

/* Hover/active */
header#main-header .dropdown-menu a:hover,
header#main-header .dropdown-menu button:hover {
  background: rgba(15,23,42,0.95);
  color: #38bdf8 !important;
}

/* If icons are SVG/font icons inside, keep them readable */
header#main-header .dropdown-menu svg,
header#main-header .dropdown-menu i {
  color: inherit !important;
}

/* --- INSERT END: LC profile dropdown safety (LMP bridge) --- */
