/* Luna2 UI is intentionally scoped to avoid bleeding into legacy styles. */

[data-luna2-header].luna2-header {
  --l2-header-bg-top: #111827;
  --l2-header-bg-bottom: #0b1220;
  --l2-header-border: rgba(255, 255, 255, 0.06);
  --l2-header-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --l2-header-height: 64px;
  --l2-header-max-width: 100%;
  --l2-header-pad-x: 16px;
  --l2-surface: #0b1220;
  --l2-surface-2: #0f172a;
  --l2-surface-border: rgba(255, 255, 255, 0.10);
  --l2-item-hover: rgba(255, 255, 255, 0.06);
  --l2-item-active: rgba(124, 58, 237, 0.18);
  --l2-item-active-border: rgba(124, 58, 237, 0.35);

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;

  color: #EBEDF0;

  height: var(--l2-header-height);
  background: linear-gradient(180deg, var(--l2-header-bg-top), var(--l2-header-bg-bottom));
  border-bottom: 1px solid var(--l2-header-border);
  box-shadow: var(--l2-header-shadow);
  font-family: "Inter Variable", ui-sans-serif, system-ui, sans !important;
}

[data-luna2-header] .luna2-legacy__label {
  font-weight: 500;
}

[data-luna2-header] .luna2-header__inner {
  height: 64px !important;
  max-width: var(--l2-header-max-width);
  margin: 0;
  padding: 0 var(--l2-header-pad-x);
}

[data-luna2-header] .luna2-header__nav {
  height: 64px !important;
  display: flex;
  align-items: center;
}

[data-luna2-header] .luna2-header__spacer {
  flex: 1 1 auto;
}

[data-luna2-header] .luna2-header__brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  user-select: none;
  margin-right: 24px;
}

[data-luna2-header] .luna2-header__leftlinks {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-left: 14px;
}

[data-luna2-header] .luna2-header__pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-decoration: none;
  color: rgba(192, 132, 252, 0.95);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.2px;
}

[data-luna2-header] .luna2-header__pill:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-luna2-header] .luna2-header__pill:focus {
  outline: none;
  box-shadow: none;
}

[data-luna2-header] .luna2-header__pill:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

[data-luna2-header] .luna2-header__pill:active,
[data-luna2-header] .luna2-header__pill.active {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  transform: none !important;
}

[data-luna2-header] .luna2-header__pill:visited {
  color: rgba(192, 132, 252, 0.95);
}

[data-luna2-header] .luna2-header__pillIcon {
  font-size: 20px;
  color: #7b8396;
}

[data-luna2-header] .luna2-header__link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: #EBEDF0;
  font-weight: 500;
  font-size: 15px;
  padding: 8px 14px;
}

[data-luna2-header] .luna2-header__link:hover {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 12px;
}

[data-luna2-header] .luna2-header__linkIcon {
  font-size: 20px;
  color: #7b8396;
}

[data-luna2-header] .luna2-header__pill:focus-visible,
[data-luna2-header] .luna2-header__link:focus-visible {
  outline: 2px solid rgba(124, 58, 237, 0.8);
  outline-offset: 3px;
  border-radius: 12px;
}

[data-luna2-header] .luna2-header__brand:focus-visible {
  outline: 2px solid rgba(124, 58, 237, 0.8);
  outline-offset: 3px;
  border-radius: 10px;
}

[data-luna2-header] .luna2-header__logo {
  display: block;
  height: 28px;
  width: auto;
}

[data-luna2-header] .luna2-legacy__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 36px;
  padding: 0 14px;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.92);
  font: 600 13px/1.1 system-ui, -apple-system, Segoe UI, sans-serif;
  letter-spacing: 0.2px;
  cursor: pointer;
  white-space: nowrap;
}

[data-luna2-header] .luna2-legacy {
  display: inline-flex;
  align-items: center;
}

[data-luna2-header] .luna2-legacy__toggle:hover {
  background: transparent;
  border-color: transparent;
}

[data-luna2-header] .show > .luna2-legacy__toggle,
[data-luna2-header] .luna2-legacy__toggle:active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

[data-luna2-header] .luna2-legacy__toggle:focus-visible {
  outline: 2px solid rgba(124, 58, 237, 0.8);
  outline-offset: 3px;
}

[data-luna2-header] .luna2-legacy__icon,
[data-luna2-header] .luna2-legacy__chev {
  font-size: 14px;
  opacity: 0.9;
}

[data-luna2-header] .luna2-legacy__menu {
  font-family: "Inter Variable", ui-sans-serif, system-ui, sans;
  margin-top: 5px;
  padding: 6px;
  min-width: 260px;
  border-radius: 8px;
  border: 1px solid var(--l2-surface-border);
  background: linear-gradient(180deg, var(--l2-surface-2), var(--l2-surface));
  background-clip: padding-box;
  max-height: min(70vh, 520px);
  overflow: auto;
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(0, 0, 0, 0.25) inset;

  display:none!important;
}

[data-luna2-header] .luna2-legacy__menu.show {
  display:block!important;
}

[data-luna2-header] .luna2-legacy__menu .dropdown-divider {
  margin: 4px 6px;
  border-top: 0.5px solid rgba(255, 255, 255, 0.12);
  opacity: 1;
}

[data-luna2-header] .luna2-legacy__groupLabel.dropdown-header {
  padding: 3px 12px 4px;
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

[data-luna2-header] .luna2-legacy__item.dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  background: transparent;
  border: 1px solid transparent;
  line-height: 1.15;
}

[data-luna2-header] .luna2-legacy__item.dropdown-item:hover,
[data-luna2-header] .luna2-legacy__item.dropdown-item:focus {
  background: var(--l2-item-hover);
  color: rgba(255, 255, 255, 0.95);
}

[data-luna2-header] .luna2-legacy__item.dropdown-item.active,
[data-luna2-header] .luna2-legacy__item.dropdown-item:active {
  background: transparent;
  border-color: transparent;
}

[data-luna2-header] .luna2-legacy__menu .dropdown-item:active,
[data-luna2-header] .luna2-legacy__menu .dropdown-item.active {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

@media (min-width: 768px) {
  [data-luna2-header].luna2-header {
    --l2-header-height: 64px;
    --l2-header-pad-x: 22px;
  }

  [data-luna2-header] .luna2-header__logo {
    height: 32px;
  }
}

@media (min-width: 1200px) {
  [data-luna2-header].luna2-header {
    --l2-header-pad-x: 28px;
  }
}

body.luna2 {
  padding-top: var(--l2-header-height, 42px);
}

.js-cookie-consent {
  display: none!important;
}